All geek questions in one place

WebFont loaded from the Google Fonts API looks awful in Firefox 3.6 for Windows only

For the site we are developing, we used Lato from the Google WebFonts API. It works fine in every browser (even in IE), except for one very important case: Firefox 3.6 on Windows XP (not yet tested in Win 7). The font is loaded and displayed, but the characters look awful, as the anti-aliasing worked completely.

This is what the text looks like in FF3.6

My googling found hits about webfonts problems in FF4 due to a bug in the browser, but I can't find anything about 3.6. Is there something we can do to fix this?

+4
source share
2 answers

The reason Google font looks like this is because of the setting in the GASP font table. This table toggles grayscale and grid for size ranges. I looked at the Google font sent to your site and for sizes 0-13 grayscale is included. 14-18 for gridfitting, resulting in black and white rendering. Then 19+ is set for both shades of gray and mesh. I bet if you change the size of the text by 13 pixels, it will suddenly become smoothed.

As for Font Squirrel fonts, we set up a GASP table to display grayscale and mesh for all sizes above 4 pixels.

+5
source

It seems that the difference between Google websites and the same font downloaded from Font Squirrel , see this (unrelated ...) question .

So I would try to use the version that they have in Font Squirrel to find out if this solves the problem.

0
source

Source: https://habr.com/ru/post/1348004/

More articles:


All Articles