- This topic has 9 replies, 5 voices, and was last updated 4 years ago by Tom.
August 10, 2015 at 2:29 am #128019Oleg
Is it possible to install a font, if it is not the default? The Google fonts are not. Is the installation file on my computer. For example, the font Magistral Black C.August 10, 2015 at 9:08 am #128105TomLead DeveloperLead Developer
It’s not recommended – if a visitor on your site doesn’t have the same font installed, they will see something completely different.
What makes Google Fonts awesome is that you don’t have to have it installed on your computer – everyone can see them.
If you’d like to anyways, you can convert it to a web font: http://www.fontsquirrel.com/tools/webfont-generator
Then use @font-face: https://css-tricks.com/snippets/css/using-font-face/June 30, 2016 at 7:02 pm #205757Jessica
Happy to discover this post.
I’m familiar with using web-fonts (ie: FontSquirrel, importing via the child theme spreadsheet, etc). However, is there a way for it to show up in the Typography area of the customizer so all the different elements can be applied accordingly with that typeface?
(The reason I can’t use the Google webfonts available is that I need to follow a client styleguide and use something specific.)June 30, 2016 at 10:58 pm #205769Jamal
Please do try this https://generatepress.com/forums/topic/changing-fonts-in-body/#post-138849
Or did you want the fonts to appear specifically under typography section?
Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.June 30, 2016 at 11:43 pm #205775Jessica
That’s not what I’m trying to do.
I understand about the inherited property, but that doesn’t work in this scenario if using a font not in the list provided (strictly from Google Fonts). GP only lists the standard fonts + Google fonts.
After putting the one I’m using into my assets folder & importing into the style sheet (my custom child theme), it isn’t recognized in the Typography tab in the customizer. This, if the customizer doesn’t recognize the “other” font, I’ll have to create/edit all custom styles for text usage throughout.
I need a way to have this “other web font” to be recognized in the customizer so I can set it as the base font (once) in order for the rest of the type settings to understand and employ it when “inherited” is selected.
July 1, 2016 at 12:00 am #205782TomLead DeveloperLead DeveloperJuly 1, 2016 at 7:54 am #205852Jessica
- This reply was modified 4 years, 8 months ago by Jessica.
Thanks Tom. I know what I’m suggesting is on the more “advanced” side which was why I checked here first to see if anyone else had done this.
Definitely getting more and more familiar with GP (and loving it) as well as how to work it into my custom projects. This font thing isn’t all THAT common for me as I’m usually not needing to follow a strict style guide but in this case, as I mentioned, I don’t have any options so just trying to see how far I can push/utilize the GP features before doing manual coding.
I don’t use the CSS plugin but rather have a style.css in my theme folder & am adding custom actions/hooks in the functions.php folder. I try not to use plugins for things if I can add a couple lines of code to enable something. However, if you know of a plugin that will bridge this gap, I’m all ears! Thanks!July 1, 2016 at 9:54 am #205867TomLead DeveloperLead Developer
It should be easy enough to add your custom fonts using CSS – having them in the Typography section is definitely a luxury.
It’s a good idea though, so I’ll definitely see what I can do 🙂February 6, 2017 at 8:26 am #275087Juan Carlos
I don’t know if you finally found the solution. If not, you should try Use Any Font plugin. It works fine and allows you to use almost any font.
Great theme, Tom. I’m using it woth Elementor and I’m really happy. 😉February 6, 2017 at 10:58 am #275193
- You must be logged in to reply to this topic.