I have tried to change the font throughout the website, but no change is visible.
I tried Custom CSS and then played around with google web fonts and the Easy Google Fonts plugin, which does not look like the screenshots that explain how to use it.
I also checked out the code suggested to someone else who got across some conflict when using Vantage with Easy Google Fonts:
Not sure what else I can try.
Any other suggestions?
Thank you!
Hi Ruth
Thanks for reaching out.
Vantage Premium has font setting at Appearance > Customize > Theme Design > Fonts. If you’d like to check that offering out, head to Appearance > Vantage Premium.
If you’d like to stick with Vantage Free, try the following rules in your Custom CSS plugin:
/* Body */ body,button,input,select,textarea { font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important; } /* Site Title Font */ header#masthead h1 { font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important; } /* Heading Font */ h1,h2,h3,h4,h5,h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; }Adjust as required.
You might find the following useful: http://www.cssfontstack.com/
Hello Andrew,
thank you for getting back to me.
The code works (except for the navigation / menu).
If I wanted to use a specific font like:
http://www.myfonts.com/fonts/adobe/helvetica-neue/exp-ultra-light/specs.html
Would there be a way to do this?
Also, which fonts does the Premium version support?
Thank you again.
Ruth
Vantage Premium offers the selection of most Google Fonts: https://www.google.com/fonts.
The CSS I provided will work with web safe fonts: http://www.cssfontstack.com/
The font you’ve listed is a premium font. You’d need to own it. I’m not sure which license you’d need for web permissions. You’d then need to host the file on your server and use Custom CSS to load it.
Google Fonts are much easier.
Thank you Andrew.
How about the font for navigation / menu?
I am using the web fonts with the codes you suggested for web safe fonts at this time.
Ruth
Here we go :)
/* Menu */ .main-navigation { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }