For all the font foundries or type designers wondering how best to make sure their fonts behave well in @figmadesign, I just published a small guide on how Figma uses font metrics. Let me know if I missed anything important!https://www.figma.com/community/file/838187493478834415 …
-
Show this thread
-
Added one new note on the subject of vertical centering that comes up quite a bit:pic.twitter.com/XjMR1mh5sr
2 replies 1 retweet 10 likesShow this thread -
“Sentence casing” is a very common approach in design systems, so centering the caps really does tend to give the appearance of centered text (at least in English, where ascenders are more frequent than descenders). If you try to take x-height into account, it often looks worse.
1 reply 0 retweets 0 likes -
Replying to @ArrowType @kupfers and
(In most sans-serif fonts. I’m not doubting that DJR Output does it better, or that it is possible to do better. Part of the benefit of the idea to “center on the caps” is that it is easy for people to remember, and mostly true.)
1 reply 0 retweets 0 likes -
Just very US design and language centric.
1 reply 0 retweets 1 like -
Replying to @kupfers @ArrowType and
You’re not wrong. FWIW I think we had to produce a “UI cut” of Adobe Clean because the regular metrics created too many problems when using the font in contexts that expect SF/Roboto. UI frameworks and platforms make it hard to not use “Apple metrics”
2 replies 0 retweets 1 like -
Replying to @ddemaree @ArrowType and
Those who want text centered in a box are not wrong. But it is not good to base this expectation in all-caps text (and neither on x-height).
3 replies 0 retweets 0 likes -
Another complexity is that UI text is fairly vertically centered as a label to the right of an icon. In such cases, the eye bases alignment mostly on the first letter, which is usually a cap. This probably partially drives the "center on cap" approach.
1 reply 0 retweets 0 likes
Yes, that’s my impression also.
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.