From: Dave Crossland Date: Sun, 16 Jun 2024 15:57:36 +0000 (-0600) Subject: Update problems_with_variable_fonts/content.md X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=refs%2Fheads%2Fdavelab6-gfk-vf-overlap;p=thirdparty%2Fgoogle%2Ffonts.git Update problems_with_variable_fonts/content.md Add instancer tools --- diff --git a/cc-by-sa/knowledge/modules/using_variable_fonts_on_the_web/lessons/problems_with_variable_fonts/content.md b/cc-by-sa/knowledge/modules/using_variable_fonts_on_the_web/lessons/problems_with_variable_fonts/content.md index 28300f2ea..aa63aa7a3 100644 --- a/cc-by-sa/knowledge/modules/using_variable_fonts_on_the_web/lessons/problems_with_variable_fonts/content.md +++ b/cc-by-sa/knowledge/modules/using_variable_fonts_on_the_web/lessons/problems_with_variable_fonts/content.md @@ -1,4 +1,18 @@ -The most common technical problem encountered when using variable fonts is with glyph outline contours that overlap. +## Variable fonts are not supported at all + +Variable font was introduced to the web in 2016, but some applications still do not offer any support for them. + +To help with this situation, Google Fonts offers download ZIPs for each variable font family that include a set of commonly used static fonts. +But it is common that you will want to use a specific style that was not included. + +There are several tools available to convert such an 'instance' into a static font, that will work everywhere: + +* [Dinamo Font Gauntlet](https://fontgauntlet.com) +* [Slice](https://slice-gui.netlify.app) + +## Glyph outline overlaps causing holes + +When variable fonts are supported, the most common technical problem encountered is with glyph outline contours that overlap. When it occurs, the problem looks something like this: