Archived topic
Amatic SC font family not working
5 replies · Started by Hendra on June 5, 2020
Hi there,
I would like to use this google font Amatic SC (it's on the list of fonts provided in Generate Press theme) for a part of a sentence (the part that is underlined).
For example, the text "2000 AND SHOT ANYTHING THAT CAPTURED MY ATTENTION." should be in Amatic SC font.
I added this additional CSS:
.tpc-pamatic {
font-family: Amatic SC;
font-size: 24px;
font-weight: 300;
border-bottom: 1px solid #ddd;
}
but it will not use that font. Curious, I changed the above CSS to use other fonts (I tried Josefin Sans and Montserrat) and it works. But not Amatic SC.
Any pointer what I may have done wrongly?
Thank you so much for your help.
Hendra
Hi there,
the Theme will only load a font if it is selected in the Customizer.
You can test by setting one of your Heading fonts to Amatic SC.
If you want to use the font without doing that - then you can go to Google Fonts select the Font Style and grab its Embed Link eg.
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap" rel="stylesheet">
Then use a Hook element to add this to the WP_Head hook:
https://docs.generatepress.com/article/hooks-element-overview/
The site even provides the correct CSS property you require:
font-family: 'Amatic SC', cursive;
Hi David,
Ah I see. Sorry for missing this part in the documentation.
I will take a look the options you mentioned above.
Thank you and kind regards.
Hendra
If you're adding Fonts locally:
https://docs.generatepress.com/article/adding-local-fonts/
Then it does not matter if the Font is selected in the Customizer.
Ah got it. I misunderstood. I thought if it's selectable in the Customizer, it's already local.
Thank you again, David. :)
Hendra
You're welcome
