search

majodev / google-webfonts-helper

A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets
https://gwfh.mranftl.com
MIT License
12.02k stars 420 forks source link

Outline overlap present in downloaded webfonts — causing display issue in older Safari versions #183

Open hyvyys opened 5 months ago

hyvyys commented 5 months ago

Fonts that are based on a variable font project (e.g. Inter, Manrope), often contain unresolved path overlaps — in some cases it makes sense (though much less frequently than some type designers claim), as the presence of the overlap changes the way the glyphs are interpolated between weights, and the overlap, for thee most part, does not cause display issues in the browsers that support variable fonts to begin with. It is however desirable to have access to a version of the font that has overlaps removed — e.g. to apply a stroke to the font, or to have it display properly in older browsers (e.g. Safari 13).

It seems to me that the woff2 files downloaded from google-webfonts-helper do not have overlaps removed.

Here's an example (Manrope):

Self-hosted files from google-webfonts-helper: image

Served from Google Fonts: image

Note:

To get around the issue, one can downloading the TTFs and convert them to woff2 on their own (using a console tool like fonttools, or an online tool like FontSquirrel or Transfonter).

xpe commented 1 month ago

@hyvyys Interesting! Have you by chance looked at the source code? Do you have reason to believe the problem can be found ... (a) in this library?; (b) in an upstream library?