Size clarifications (inconsistent docs) #24
Description
The README specifies this:
For pixel-perfect results, set the font size to increments of 11px.
Given this only specified one axis, and fonts are typically 2D, I decided to count the pixels -- I needed the w/h of a given character. As it turns out, they are 7x14 (this doesn't seem to be documented anywhere btw).
With this information given, how does the 11px correlate to the 14px? I'd like to create a website where I can, preferably without SVGs or hard-coding positions, resize a div (or really anything else) to the same size as the font.
This is 11px text (zoomed in), with a line height of 14px (don't ask me why or how I figured this out, I think I just tried until something worked). The box is 14x14px. It somehow lines up! The 11px text magically enlargens itself to 14px, I guess.
This is pixel perfect, but I am very confused because there is no documentation on this whatsoever.
As this all seems to be undocumented, I'd like to either propose answering these questions as part of the README, or if they only exist becuase I am braindead, maybe here I guess?
- Why is there an arbitrary 3px top- and bottom padding on the text? I guess it's because of the line height of 14?
- How come a font size of 11px is required, for the font to be then displayed at 14px?
- the 14x7px thing. This isn't a question but I had to count myself, and counting is lame.
On an unrelated note, thank you so much for this awesome font! I love it!
If I may ask, how were the graphics like the boarding pass on the Website made?
Thanks,
Ruby :3