Hello,
I’ve recently switched back to google “poppins” fonts on my site. Does anyone know why they don’t work on Safari? (tested on Mac and iOS -look at the M’s -that’s futura font, not Poppins)
https://heaven11audio.com/billie-stereo-intergrated-amplifier/
I added this code in functions.php
add_filter( 'avf_google_heading_font', 'avia_add_content_font');
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Poppins'] = 'Poppins:100,200,400,600,700';
return $fonts;
}
Thank you,
Hey Itai,
I’m seeing the same font in Safari as I do in Chrome, it’s rendered a bit differently in Safari but that is browser specific and not something we can control unfortunately.
Best regards,
Rikard
Maybe this is a mac issue.
I understand that browser render differently but, while similar, Poppins and Futura are not the same.
See my side-by-side screencap:
Safari is showing futura. Which does not have the same weight values as the light Poppins. It’s fat!
This is driving me bonkers!
Cheers,
Itai
Hi,
Thanks for the screenshot. I’m on Mac as well, but I can’t see that big of a difference which is in your screenshot, please see this comparison between Chrome and Safari. Chrome is on the right: https://imgur.com/a/RLlfIf6
Best regards,
Rikard
Hmm. Very strange. Thanks for taking the time for the screenshot Rikard. That is a very acceptable difference.
I’m on Safari 13.1.1. I have no idea why this is happening. But at least some Safari users are seeing it right! ;-)
You can close this thread now.
Itai
Hi Itai,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria