Re: [csswg-drafts] [css-inline] Consistent vertical positioning of large and medium-sized text across OSs

I agree that the problem is mostly in the fonts themselves, probably because font designers don't pay enough attention to the fact that different platforms use different vertical metrics for displaying fonts (I hope that such a discrepancy is created accidentally rather than intentionally most of the time). The following link provides some details about this: https://glyphsapp.com/tutorials/vertical-metrics.

Currently, the most practical approach to fix this seems to be to edit the font data and synchronize these different platform-specific _*ascent_ and _*descent_ metrics (e.g. the FontSquirrel's [web font generator](https://www.fontsquirrel.com/tools/webfont-generator) has the "Auto-Adjust Vertical Metrics" option in the Expert mode, and you can always adjust them manually with a font-editing tool like FontForge as a last resort).

I also have a mixed feelings about adding the possibility to override the font metrics in CSS. While there clearly can be valid use cases for this, especially for decorative fonts and icon fonts, it still seems to be kind of a hack, and overusing this hack can have too unpredictable consequences. Especially in the situation where only some browsers support it correctly, which, unfortunately, is so typical for most new CSS features...

-- 
GitHub Notification of comment by SelenIT
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2228#issuecomment-381061167 using your GitHub account

Received on Friday, 13 April 2018 08:18:55 UTC