Different vertical position of large text in browsers on Windows vs in browsers on MacOS

Issue #15204186 • Assigned to Bogdan B.

Details

Author
Tobi R.
Created
Dec 23, 2017
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

The vertical position of large text is different in browsers on Windows vs in browsers on MacOS, see this screenshot

(Chrome on MacOS)
https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/10052801/snapshots/z7235495cf0e7b61692c

vs these screenshots

(Edge)
https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/10052828/snapshots/z5db33cd3e5ef64c31d1

(Chrome on Windows)
https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/10052800/snapshots/ze8d15c631611ef9eb7a

In Windows the large heading text is positioned much lower, resulting in more space above it and less space below it.

Attachments

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “Steven K.”

    Changed Assigned To to “wptcomptri@microsoft.com”

    Changed Assigned To to “Christian F.”

    Changed Assigned To to “bbrinza”

    Changed Status to “Won’t fix”

  • We recommend that you file the issue on Chrome saying their rendering on Mac differs from their rendering on Windows. I would assume they will change their Mac implementation to match Windows here, and that we should not change ours.

  • Changed Status from “Won’t fix”

  • Thanks for reading my issue report, and thanks for acknowledging that this is an issue to be fixed.

    “I would assume they will change their Mac implementation to match Windows here, and that we should not change ours.”

    From my point of view it would make just as much sense if the position would get changed on Windows to match the position on Mac. As a web developer, all I need is consistent rendering / consistent large-text-positioning across the (two) major OSs (including all major browsers).

    Which rendering / which text position is the correct one?

    Edge also is affected: In Edge the text position is as low as in Windows-Chrome, it differs from Mac-Chrome by 23 pixels (125px of space above the heading in Edge vs 102px in Chrome on Mac).

    Chrome bug:
    https://bugs.chromium.org/p/chromium/issues/detail?id=800693

    Firefox bug:
    https://bugzilla.mozilla.org/show_bug.cgi?id=1429347

    I’ll attach a set of screenshots which shows that (currently) several major browsers share one larger-text-position on Mac and a different one on Windows. (Mac Firefox,Chrome vs Windows Edge,Firefox,Chrome)

    Please reconsider adapting the rendering of major browsers on Windows (perhaps it’s a lib/layer used by all browsers on Windows?) to match the rendering of major browsers on MacOS. I think that at least two of the major OS vendors / browser vendors need to coordinate by talking to each other, in order to prevent the case where the positions are changed on both OSs and are still very different. Perhaps the position in the middle (between Mac and Windows) would be a good compromise / a good objective for all vendors?

    (By the way, I’m talking about the major difference in large-text-positioning in browsers on Windows vs on Mac, not about the minor differences in large-or-small-text-positioning in browsers on the same respective OS. The latter is negligible.)

  • My assumption is that in case it’s a difference in how fonts are processed in Windows vs Mac, the marketshare should lead browsers supporting multiple platforms to unify towards the Windows result, not the Mac one. 

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Francois R. wrote:
    "My assumption is that in case it’s a difference in how fonts are processed in Windows vs Mac, the marketshare should lead browsers supporting multiple platforms to unify towards the Windows result, not the Mac one. "

    Is one of the existing two text positions (on Windows vs on Mac) correct?

    Is there a correct position?

    If eg the OS with the larger marketshare places the text in the wrong position, it fix the bug, regardless of marketshare, right?

    If there’s no correct position, then both OS vendors should meet in the middle, in order to minimize the impact on websites (the text would move by just 50% on each OS, not by 100% on one OS).

    In any case, as a web developer I’d appreciate consistent rendering across browsers and OSs, including consistent large-text-positioning.

  • (test)

  • I set my name in the account settings, but my comments still appear as "Anonymous". Anyways . Hi 😀 My name is Tobi Reif, thanks for considering this issue report / enhancement request.

  • Microsoft Edge Team

    Changed Assigned To to “Bogdan B.”

  • There’s some recent discussion at https://github.com/w3c/csswg-drafts/issues/2228 .

You need to sign in to your Microsoft account to add a comment.

Sign in