-
Posts
-
Hello, I am trying to get my headings to use the thinnest version of “Lato” font family. I have done an exhaustive search of the forum and have made the following changes to my Quick CSS:
.main_title h1, h2, h3, h4 {
font-family: ‘Lato’ !important;
font-weight: 100 !important;
}However, the page still renders the headings with what appears to be Lato 300. You can take a look at the difference between the weights here: https://www.google.com/fonts/specimen/Lato
You can see the heading at the bottom of our home page here: http://commuter.industries/
This leads me to believe that perhaps the master CSS file is calling for all of the headings to be “strong”? Is there a way to negate that with Quick CSS? Or perhaps there is another work-around?
Thank you,
Glen
Hey gdwarren!
You must add the 100 font size to the google font stylesheet. Add this code to the very bottom of the enfold or child theme functions.php file:
add_filter( 'avf_google_heading_font', 'avia_add_heading_font'); add_filter( 'avf_google_content_font', 'avia_add_heading_font'); function avia_add_heading_font($fonts) { $fonts['Lato'] = 'Lato:100,300,400,700'; return $fonts; }Then go to Enfold > Theme Options and re-save the options. Afterwards Enfold should load the 100,300,400,700 font files from google.
Cheers!
PeterDo the weight options show up in some kind of pull down menu? I added that to the bottom of my “functions.php” file and the headers still seem to only show up as Lato 300.
Hi!
Please edit functions.php again, move code Dude suggested below line 16:
if(isset($avia_config['use_child_theme_functions_only'])) return;Select the Lato font as heading font. It will now load the new lato font weight.
Cheers!
Ismael
- The topic ‘Heading is too bold’ is closed to new replies.