-
Notifications
You must be signed in to change notification settings - Fork 142
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Unbounded Font Bugs #40
Comments
Not all fonts play nice 😁 It isn't common for a font to have geometries which overlap. Typically, each closed geometry is completely enclosed by another. The underlying library Maker.js assumes this. The irony here is that the font is named Unbounded, so perhaps this by design 🤔 - but I don't think so, when you look at other glyphs such as a, e, 8, &: I believe these overlaps need to be corrected in the font itself. You may want to contact the font authors to let them know: |
no, actually it is very common for variable fonts (VF) to have such self-overlapping geometries, this allows them to be more easily interpolated at runtime, and rendering engines know that and always use non-zero fill rule when rendering them, so no gaps appear. https://learn.microsoft.com/en-us/typography/opentype/spec/glyf#simple-glyph-description
|
To workaround this, the user could download the static fonts for Unbounded (from the "Download family" button, e.g. https://fonts.google.com/download?family=Unbounded) and then use fonttools to remove overlaps; this in turns requires skia-pathops, but can be installed in one go with a command like $ fonttools ttLib.removeOverlaps Unbounded-Regular.ttf Unbounded-Regular-no-overlaps.ttf |
Very educative, thank you! I will use this workaround until you a solution is implemented into the service. Thank you for all of the open source contributions! |
Thanks @anthrotype , I didn't know that overlapping in VF! The underlying libraries pre-date the rise of variable fonts, so there will probably need to be an update. |
Thanks for making this fantastic tool! It should help me avoid png->svg conversions of that turn into a headache. Unfortunately, there are gaps in the letters that have overlapping shapes, so I cannot use this as expected, yet...
I tried playing with the numbers, but nothing seemed to work...
The text was updated successfully, but these errors were encountered: