Hello,
How do i change my post content Google Font from it’s current Roboto to Roboto Light 300?
Google Font URL: https://www.google.com/fonts/specimen/Roboto
I’m not sure what i need to add and how to get the Character Set’s to appear in the drop down box/font panel?
Thanks,
Hello Gee95,
Unfortunately, our theme does not have this kind of font preset by default. It is necessary to add this font on our theme.
Please make sure that you have followed all the correct steps to our documentation because I have tested again on our theme and works perfectly.
Go to Theme panel->Theme fonts like this: http://screencast.com/t/zh29FwQyA First of all, you have to download on the website a custom fonts as you like, of course. You can search a lot of this in this link: http://www.1001freefonts.com/ After you have downloaded the font file, please use this online tool to create your own font: http://www.fontsquirrel.com/tools/webfont-generator
After these steps: http://screencast.com/t/p5vrpGyLrD4 you have to find the .woff file and insert it in Theme panel->Theme fonts->Custom fonts file like this: http://screencast.com/t/5AFW5qRKB Now, your fonts are ready to use. You can find it in Theme panel-Theme fonts, like this: http://screencast.com/t/CFnRX3Fh – http://screencast.com/t/Zkm4J24zwjE
If you want to change the fonts in all the theme, unfortunately, our theme does not an simple option to set it for all this…it is necessary to change it manually in theme panel, wherever you want to defend this font, like this: http://screencast.com/t/HkVYzvlff2
For more information about font customization, please consult our documentation here: https://forum.tagdiv.com/using-custom-fonts/
I hope this helps and let us know how it goes!
Thank you for the message!
Hello Catalin,
Thanks for the detailed response! Appreciate it.
Is it not possible to link to Character Set ‘Roboto Light 300’ from Google Fonts (as it’s shown via the link i posted above) instead of trying to find a .woff of the Set?
Just curious..
Thanks,
Hello,
As an alternative to the method provided above, you can simply use css to force the font weight. The character sets are loaded into the theme but not all of them are accessible from the theme panel. As you can see the only options in the panel->fonts are normal (400) and bold (600). You can target the specific part of the site you want the font weight of 300 with css. You can leave the font to default and simply set it like so:
For example:
body, p{
font-family: Roboto;
font-weight: 300;
}
Then simply add the code to the theme panel->custom css box
I hope this helps.
Thank you!
