Trying to get my head around how font metrics relate to CSS with a lot of help from https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align … and the Inter Figma file (https://www.figma.com/file/RtScFU5NETY3j9E0yOmnW4gv/Inter-UI-glyphs …).
-
Show this thread
-
To get the font-size of an Inter capital "C" this is close: `CSS_font_size * CSS_line_height * (cap_height / (em_top + descender))` or `16 * 1.5 * (2048 / (2816 + 640))` But it's a little tall. Any tips
@rsms?1 reply 0 retweets 1 likeShow this thread -
Replying to @GrantCuster
@mwichary is an expert in this field!@ThunderNixon also knows more about font metrics that I do :–)1 reply 0 retweets 2 likes -
I don’t quite understand the question...
1 reply 0 retweets 0 likes -
grant Retweeted grant
Solved with help from
@ThunderNixon. I wanted to get from the CSS font size in pixels to the height of an Inter capital letter in pixels.https://twitter.com/GrantCuster/status/1114314037569961986 …grant added,
2 replies 0 retweets 2 likes -
This Tweet is unavailable.
-
This Tweet is unavailable.
I wonder if it’d be fun to make a web tool like Wakamaifondue where you could drag any font, and see this. Typing in any field would recalculate other fields accordingly.pic.twitter.com/o3Nvje197Y
-
-
This Tweet is unavailable.
-
Interestingly this takes the same pragmatic approach as your thing
@mwichary that you showed me—measuring pixels drawn on html-canvas.1 reply 0 retweets 1 like - Show replies
-
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.