Hi,
I want to use Google Open Sans Font. By default I am only given weights of 300,600. I want to add 400, 700,800
How do I do this?
Hey Rob,
You can set an element’s font weight to Normal, Bold, or Light under Enfold > Advanced Styling.
You can also try adding something like the code below to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file.
h1 { font-weight: 400; }
Please replace h1
with the element you wish to apply the new font weight to, and also replace the 400
value with what you prefer.
Please let us know if that helps you with what you’re trying to do.
Cheers!
Sarah
Thanks for the Reply Sarah. I don’t see how I can edit weights. I am doing this for the navigation text.
Hi Rob,
I see. In that case, please go to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file, and use CSS code like this:
#top #header .av-main-nav > li > a { font-weight:400;}
If that doesn’t work, or you need help with the actual CSS, please give us the link to the website you’re trying to customize.
Best regards,
Sarah
That didn’t change anything. I checked the code and noticed it only included 300,600 on the google fonts tag.
Hi,
Can you try this code instead:
#top #header .av-main-nav > li > a { font-weight:100 !important;}
You may also try the solution in this thread: New custom font. The fourth post discusses font weights.
Best regards,
Sarah
100 worked, but I want the thicker weight of it.
I tried font-weight: bold; and didn’t change anything.
The plugin ‘WP Google Fonts’ fixed the issue for me.