April 20, 2019 at 7:44 pm #1092953
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.April 20, 2019 at 9:06 pm #1092973
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.
MichaelApril 22, 2019 at 6:29 am #1093248
Thanks for helping out @michaelH, did you try that out @thomasvr4?
RikardApril 25, 2019 at 8:27 am #1094316
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
font-family: ‘Noto Serif TC’!important;
}April 25, 2019 at 8:29 am #1094317
Yes, I tried out the way Michael teached me, and problem had been solved. Thank you very much.April 25, 2019 at 9:02 am #1094321
Ah good job – I did not know that this solution works as well.
Glad it does!
MichaelApril 25, 2019 at 5:39 pm #1094485
The topic ‘How to add Google font ( noto sans tc ) to Enfold theme?’ is closed to new replies.