Hi,
I’m trying one of the (google) font types available in Vantage through a css customisation:
.main-navigation ul li a { font-family: "Muli", "Open Sans", Verdana, sans-serif; }
When I reload the page, it ignores the fist option (Muli) and goes to the second (Open Sans). I tried to change the order of the fonts and the code keeps ignoring the Muli font. Also, I’ve tried other google font available in Vantage but it doesn’t work either. I also ran a test, selecting Muli as the Body Font (Customise >> Fonts) and, this time, it loadead the menu font correcty.
Could you please help me with this? Thanks in advance!
Hi RHM
Unless you’ve selected Muli in the Customizer, Custom CSS alone won’t work. The Customizer sets up the necessary import for the font you’re trying to use. To use Muli you’d need to add the following to the stop of your stylesheet:
That’s just for 400. If you want to import other weights you can setup the import here: https://www.google.com/fonts#UsePlace:use/Collection:Muli.
Hi Andrew,
I just wanted to have a different font in the menu and not in the whole website. I´ve already included the line above and it worked perfectly.
Thanks for this!
Super, glad that helped.