Google Fonts, inconsistent across browsers

I have a site that only uses Google Fonts. In Google Chrome the font is perfect, in other words the letter spacing etc. allows the text to fit into the block as expected.

Sadly if I look at the same page in Safari, the text runs a little longer than in Chrome so words jump down making things not fit as expected.

Example, view this page in Chrome, and Safari please4th block, GO WINE TASTING

The bast way I would like to fix this is by using a single css rule such as
-webkit-letter-spacing: -1;
This way the entire website will have the fix to all the fonts, however there is no such rule in the css schema, does anyone have any similar solutions to this problem.

Hi Paul,
Not sure if this is the same thing but it mentions a problem with webkit letter spacing.


Best regards
Brian

1 Like