Archived topic
How to use premium fonts(Non Google Fonts) on theme
1 reply · Started by Anant on January 23, 2023
I went through this article for the guide to use a different premium font I have: https://docs.generatepress.com/article/adding-local-fonts/#:~:text=Uploading%20our%20font,us%20to%20upload%20font%20files.
At the end of the article, it says fonts can now be uploaded by directly mentioning their font family. That is not working in my case my fotn does not show up in the dropdown still.
The font I am trying to use is this one: SangBleu Versailles
Hi Anant,
The font won't show up in the drop-down.
You'll need to type the font family name you set through the @font-face rules manually.
Example, if you set the @font-face rule as such:
@font-face {
font-family: "trickster-test";
src: local("Trickster"),
url("trickster-COLRv1.otf") format("opentype") tech(color-COLRv1), url("trickster-outline.otf")
format("opentype"), url("trickster-outline.woff") format("woff");
}Then, you need to type trickster-test as the font manually.