-
Posts
-
Hi, I am trying to add Google font ( noto sans tc ) to Enfold theme.
I already study the document : https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts
, and upload the .woff file successful. When I use that custom font in title, body….etc, but nothing change.
Do I miss any procedure?Best Regards.
Hi
I always create a new folder called fonts in my root directory and upload the font files there.
A good resource to help you is Google webfonts helper (Noto Sans TC is already selected).Secondly, you need to include the @font-face arguments (see link above) into your root CSS file.
Last but not least (and you might be missing this one currently) you have to call the CSS file within your header.php like this in case your CSS file is called fonts.css:
<link rel="stylesheet" type="text/css" href="/fonts.css">Hope that helps. Oh and don’t forget to flush your cache at the end.
Cheers
MichaelHi, Michael
My problem had been solved. Thank you very much.
Here is my step
1. Using Google webfonts helper to create a ZIP file.
2. Upload ZIP using Enfold > Import/Export > Custom Font Manager.
3. Create a file named fonts,css, and copy/paste code into fonts.css file.
4. Copy/paste below code into header.php between <head></head>
<link rel=”stylesheet” type=”text/css” href=”/fonts.css”>
5. Upload fonts(folder), fonts.css, header.php to server.
6. Use Enfold > General Styling > Fonts, select uploaded fonts.
7. Clear Cache. Done.I also found another easy way to change fonts.
Add below css code using WordPress > Appearance > customize > Additional CSS
@import url(‘https://fonts.googleapis.com/css?family=Noto+Serif+TC’);
*{
font-family: ‘Noto Serif TC’!important;
}Hi, Rikard
Yes, I tried out the way Michael teached me, and problem had been solved. Thank you very much.
Hi thomasvr4
Ah good job – I did not know that this solution works as well.
Glad it does!Cheers
Michael
- The topic ‘How to add Google font ( noto sans tc ) to Enfold theme?’ is closed to new replies.