Archived topic
Local custom font does not show up in font manager
5 replies · Started by Andy Brunner on April 11, 2022
Hello!
The added font does not show up in the Font Manager. Here is what I have done:
- I have the newest version of the GeneratePress theme and plugin
- I have manually uploaded the font to /wp-content/uploads/2022/04/NeueSansPro-Normal.woff2, the attribute is 644 as the other files
- The following CSS was added
/* Add custom font */
@font-face {
font-family: NeueSansPro;
src: url(/wp-content/uploads/2022/04/NeueSansPro-Normal.woff2);
}
- But I do not see the font in the Font Manager
What else has to be done?
Thanks
Andy Brunner
Hi Andy,
Local fonts won’t appear in the drop down.
You’ll need to manually type the Font family name of the font you’ve added. For instance: https://share.getcloudapp.com/DOu4r2KD
As shown, Northwell-Regular is the local font i have, and I was able to use it as expected in the Typography Manager.
A side note: you’ll need the other font formats like woff, ttf, etc. for the font to appear in other devices.
Hope this clarifies. :)
What an awesome support - Works perfectly!
That's one of the reasons why I use, like and recommend GeneratePress and its plugin.
Thanks
Andy Brunner
You’re welcome Andy! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. :)
Hi there,
in addition to the docs I need to say something (https://docs.generatepress.com/article/adding-local-fonts/#adding-our-font):
It only works for me, when I type the font name in quotation marks.
E. g. in my case loading local font Inter I need to type "Inter" in the fonts name field. In all other cases only system font will load.
Hi there,
thanks for the feedback, we'll take a look into that.
