Tagged: google font
Hi there,
I have been trying to use one Google Font (Amatic SC) in div areas which I’ve created for a specific page using the code block element.
I used the Google JS script and embedded the code into the header.php and it worked fine for a while, but now has stopped loading the correct font.
Have I done this process correctly?
Your help would be much appreciated – the actual page link is below.
Silvio
Hi silviouk!
Please refer to Ismael’s post here – https://kriesi.at/support/topic/add-new-font/#post-234710
And use Font family in your custom CSS http://www.w3schools.com/cssref/pr_font_font-family.asp
Best regards,
Yigit
Hi there,
I added the code to functions.php (wasn’t sure where to add so I just placed at the bottom of the file), then added the correct google font name, adjusted the custom.css as per the CSS instructions (and other ways too just to make sure), but this didn’t work either.
Not having much luck here.
Silvio
Hi!
The font family name must be wrapped in quotes:
font-family: "Amatic SC" !important;
Also, i’d suggest using including the Google Font either via Enfold filters or a plugin:
https://wordpress.org/plugins/easy-google-fonts/
https://wordpress.org/plugins/wp-google-fonts/
Cheers!
Josue
Thanks, the wp-google-fonts plugin did the trick…