Enfold > Tutorial > Bold Font Weight

***EDIT: See below for better method of adding bold font weight***

To enable a bold font-weight for headings, insert this code into your 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['GOOGLE FONT NAME HERE'] = 'GOOGLE FONT NAME HERE:400,600,700,800&subset=latin,latin-ext';
return $fonts;
}

***Leave your Heading Font in the General Settings area set to Default***
***Make sure each ‘h tag’ has the corresponding font selected (whichever font you added to in the code above) in the Advanced Styling area***

Now in your css add the following code to the h tag that you want to use a bold font-weight for:

h1 {
font-weight: bold !important;
}

OR

h1 {
font-weight: bolder !important;
}

It make take some time for the changes to take effect. For some reason it took about 24 hours before my font-weights changed. Hope this is helpful.

• This topic was modified 10 years, 1 month ago by zerozendesign.