From 9b9505a07b3e60b0b623fa3cc9aa4cd3d70fe062 Mon Sep 17 00:00:00 2001 From: Dave Crossland Date: Sun, 16 Jun 2024 09:57:36 -0600 Subject: [PATCH] Update problems_with_variable_fonts/content.md Add instancer tools --- .../problems_with_variable_fonts/content.md | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) 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:
-- 2.47.2