Safari Font Rendering Too Light

Hey Josh!

Here’s how it looks on my end, can you post a screenshot of your view?

Best regards,
Josue

Hey Josh!

I think this is happening because by default, Enfold only includes some variations of Lato (300,400,700). Try adding the following to your theme / child theme functions.php to change that:

add_filter( 'avf_google_heading_font',  'include_all_latos');
add_filter( 'avf_google_content_font',  'include_all_latos');
function include_all_latos($fonts) {
	$fonts['Lato'] = "Lato:100,300,400,700,900";
	return $fonts;
}

You’d need to re-select it in General Styling > Fonts once you add this code.

Cheers!
Josue

Hey Josh,

Your website is on maintenance mode.

Regards,
Josue

Enfold is still including only three variations of Lato, did you empty your cache after doing this?

Cheers!
Josue

It won’t work that way, create one in the child theme and put the snippet on it, should be:

<?php
add_filter( 'avf_google_heading_font',  'include_all_latos');
add_filter( 'avf_google_content_font',  'include_all_latos');
function include_all_latos($fonts) {
	$fonts['Lato'] = "Lato:100,300,400,700,900";
	return $fonts;
}

Not the usual method but yeah that would work, normally you’d just create an empty .php file and that’s it.

Best regards,
Josue

The rendered source is still calling Lato 300/400/700:

<link rel='stylesheet' id='avia-google-webfont' href='//fonts.googleapis.com/css?family=Lato:300,400,700' type='text/css' media='all'/> 

At this point we’d need access if you want us to help you with this. If this is not possible, i’d suggest setting up a staging environment like you did initially.

Regards,
Josue

Seems to be working, here’s how i see it on Safari now – http://a.pomf.se/tfjdok.png

Regards,
Josue