Mobile app version of vmapp.org
Login or Join
Si6392903

: Cap height and x-height metrics are inaccurate I've got a font that says its cap height is 195 and x-height 320. These are its metrics: But when rendered in the browser at 100px font size,

@Si6392903

Posted in: #FontDesign #Typography

I've got a font that says its cap height is 195 and x-height 320.

These are its metrics:



But when rendered in the browser at 100px font size, you can clearly see that the metrics don't apply. There is no way this font's cap height is just 195.



What is going on here? Why does the cap height and x-height not match the one shown in browser? I've also played with this font in Adobe tools and also found out that its cap and x-height are far off the ones specified.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Si6392903

1 Comments

Sorted by latest first Latest Oldest Best

 

@Turnbaugh909

There may be a misunderstanding here...

Those metrics don't actually affect the glyph size, height or alignment at all. They're just meta data that aren't of much use in general usage. Specifically in Glyphs (which I can see your font info dialog is from) The x-height will control the display of the box in your glyph view.

This, for example, is the difference between a 600 x-height...



And a 300 x-height...



All that happened is that a guide line, that showed me the x-height has moved. The font will still render exactly the same as it did before and no one would be any the wiser.

The cap height set in your example is nonsensical and useless. Ignore it.

The metrics defined in the Custom Parameter section are metrics which do affect the rendering of your font in some applications*, but they affect the alignment and sizing of the font as a whole. There is no metric that will change the relative height of some glyphs compared to others (e.g. change the x-height or cap height without also changing every other metric).

* See glyphsapp.com/tutorials/vertical-metrics

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme