Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

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

Open
hyvyys opened this issue Jan 30, 2024 · 1 comment

Comments

@hyvyys
Copy link

hyvyys commented Jan 30, 2024

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
Copy link

xpe commented May 6, 2024

@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?

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants