- This topic has 17 replies, 7 voices, and was last updated 3 years, 6 months ago by TheSalvadorDaliOfWebsites.
January 9, 2015 at 1:42 pm #63646Sander Bloem
is it possible to add a custom font like Lucia Calligraphy?
hope you can help me.January 9, 2015 at 11:56 pm #63721TomLead DeveloperLead Developer
At this time only Google Fonts are supported in the Customizer.
However, you can always add your own fonts using @font-face: http://css-tricks.com/snippets/css/using-font-face/
Let me know if you have any questions 🙂February 8, 2015 at 2:27 pm #73461Ivaylo Popov
I found elegant solution for custom fonts, different from Google Fonts.
1. Install WordPress plugin, called “Use Any Font”.
2. Activate the plugin.
3. Go to settings page of the plugin and get API key from the developers. They offer free API for one custom font.
4. Add your API key.
5. Upload your custom font.
6. You are ready to use your custom font for headlines, paragraphs, block quotes or add your custom elements: example for only one page, post, etc.
I hope this will help you.February 8, 2015 at 11:56 pm #73532TomLead DeveloperLead Developer
Thanks for the info! 🙂September 10, 2017 at 2:37 pm #382949Markus
Saved me a lot of time.April 20, 2018 at 2:58 am #555483Jon Ander
We´d like to install custom fonts manually using @fontface.
As we are using GP theme as it is, without using the child theme, where should we put the webfont directory so that it is not formatted when updating the theme?
hope you can help me
congrats for this amazing theme!April 20, 2018 at 3:37 am #555515Jon Ander
On the other hand,
as far as I know, using the custom fonts plugin, you can use custom fonts without limit:
I hope this will helpApril 20, 2018 at 9:07 am #555820LeoStaffCustomer Support
The @fontface method requires a child theme: https://docs.generatepress.com/article/adding-custom-font/
Plugin route is another solution as well.April 20, 2018 at 11:45 am #555972Jon Ander
Thank you! Very clear.
Surely we´ll do with a child.
ThanksApril 20, 2018 at 5:07 pm #556124LeoStaffCustomer Support
No problem 🙂March 6, 2020 at 8:51 am #1187202TheSalvadorDaliOfWebsites
Dear support and fellow GP users,
Using plugin ‘Custom Fonts’ as linked to by Jon Ander previously in this thread I have installed two custom typefaces. They show up fine in Elementor (free) but they do not appear in GP’s list of fonts under Appearance > Customize > Typography > [any of the font dropdowns here].
Would be grateful if a user or support person could suggest reasons or an alternative way to use a .eot / .woff webfont without having to create a child theme or use custom CSS.
The Salvador Dali of WebsitesMarch 6, 2020 at 6:10 pm #1187516TomLead DeveloperLead Developer
To integrate that plugin with GP, you need to add this PHP: https://gist.github.com/generatepress/2bb2667c9413e29579288687add966deMarch 7, 2020 at 10:40 am #1188079TheSalvadorDaliOfWebsites
Thanks for your reply. I added the PHP-snippet using a plugin called ‘Snippets’.
The code snippet make my custom font show up in the GP font list (success), but the font itself is not applied to the site. It applies instead a font that looks a bit like Times New Roman.
Any further pointers are much appreciated.
The Salvador Dali of WebsitesMarch 7, 2020 at 6:47 pm #1188292TomLead DeveloperLead Developer
That sounds like the font isn’t being included on the front-end of your website, which is what the Custom Fonts plugin is supposed to do.
Any chance you can link me to the site? If you want the URL to the private, feel free to open a new topic.March 8, 2020 at 7:46 am #1188700TheSalvadorDaliOfWebsites
The site is under construction but I’ve made you an account you can use to login. Login details shared under a new topic.
BTW, the font files are purchased from a major outlet of webfonts so I they should be according to file format norms.
Thanks so much.
- You must be logged in to reply to this topic.