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

This is the test-page where the y-position difference on MacOS vs Windows is most drastic:

https://tobireif.com/non_site_stuff/test_case_for_font_position_report_yet_another_font/
(Compare the screenshots linked from that page.)

Here's an SVG version of that test-page:

https://tobireif.com/non_site_stuff/test_case_for_font_position_report_yet_another_font_svg_version/

I can't spot any relevant y-position difference in Chrome on Mac vs Chrome on Windows.

<img width="1128" alt="screenshot" src="https://user-images.githubusercontent.com/80411/38687986-43b717ca-3e78-11e8-999f-fdce48a61d48.png">

Thus it is feasible to render the glyphs at the same y-position, even with that specific problematic font file, and especially without requiring the web developer to take font measurements or to calculate and provide any metrics.

I need that same consistent cross-OS glyph positioning for HTML text. In order to not break existing HTML content it should be opt-in via a new property. That property should be simple and quick to write, eg `position-of-glyphs: consistent-across-platforms`. (Perhaps the respective implementation could mimic its SVG text font rendering or even use that same text-rendering implementation code? Just a thought - browser codebase internals sure are up to you 😀)

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

Received on Thursday, 12 April 2018 15:42:38 UTC