I have a question about underlines
I am designing a typeface (top picture) and wondering how to prevent the underline from interfering with the descenders of certain glyphs. I’ve provided an example to illustrate what I mean using Apple’s SF typeface (bottom picture).
I’m using Glyphs App to design my typeface with the “underline” plugin for glyphs. I’m unsure if achieving the same look as in the bottom picture is a feature specific to the website or app where the typeface is used, or if it’s something I can adjust within Glyphs.

0
Comments
-
This is something that is handled at the app level, not in the font. You can control the height and thickness of the underline in the font data, but there is no way to specify which glyphs should be skipped in this way.
5 -
(Note also that while MANY apps respect the underline position and thickness as set in the font, some do not.)2
-
And in an web environment the developer can overwrite the position, and the effect seen in your second screenshot can be toggled.
1
Categories
- All Categories
- 47 Introductions
- 4K Typeface Design
- 496 Type Design Critiques
- 587 Type Design Software
- 1.1K Type Design Technique & Theory
- 674 Type Business
- 897 Font Technology
- 29 Punchcutting
- 542 Typography
- 127 Type Education
- 333 Type History
- 82 Type Resources
- 114 Lettering and Calligraphy
- 33 Lettering Critiques
- 81 Lettering Technique & Theory
- 571 Announcements
- 100 Events
- 116 Job Postings
- 171 Type Releases
- 183 Miscellaneous News
- 270 About TypeDrawers
- 54 TypeDrawers Announcements
- 114 Suggestions and Bug Reports



