Firefox on Windows and MacOS render font differently
Categories
(Core :: Graphics: Text, defect, P3)
Tracking
()
People
(Reporter: mikrotuki, Unassigned)
Details
Attachments
(4 files)
mac and windows versions of firefox.png
Steps to reproduce:
Browse the website at https://www.tyk.fi
Actual results:
The web font "New Century Schoolbook" used on the site looks different on Windows and Mac versions of Firefox.
Expected results:
Mac and Windows versions of Firefox should render the font identically. The Windows-version looks slightly off compared to Chrome and Safari.
|
||
Comment 1•4 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Graphics: Text' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
|
||
Comment 2•4 years ago
|
||
Jonathan, this is the bug I pinged you a couple of days ago. Is there anything actionable to make our rendering closer to Safari or Chrome, or is this just WONTFIX?
|
||
Comment 3•4 years ago
|
||
On my Windows machine, the difference seems pretty subtle, but I do see that Firefox is rendering the font slightly differently than Edge or Chrome. Here's an enlarged screenshot showing the result I get. Look at details like the diagonals of "YK". It seems like perhaps we're using a different gamma or something like that?
Maybe Lee would have some insight into what's going on here, and whether we can do something to better match the other browsers.
|
|
||
Comment 4•4 years ago
|
||
Could it even be that we're accidentally painting the glyphs twice, so that any semi-transparent pixels (i.e. the antialiasing) become more intense than they should?
|
||
Comment 5•4 years ago
|
||
Chrome on Windows, AFAIK, ignores system gamma and contrast settings entirely, whereas we try to respect them.
As well, comparing Mac and Windows font rasterization results is tricky if not impossible due to all the differences arising from Mac's font smoothing dilation strategy...
|
||
Comment 6•4 years ago
|
||
this issue is very annoying to me.
I've attached a comparison between Firefox, Brave, and Safari on macOS.
Hope it can be fixed soon :)
|
|
||
Comment 7•4 years ago
|
||
Can we confirm this as a bug?
On macOS, Firefox is the only browser that renders font differently.
I know it's not a critical bug but this should not happen as other browsers render the same result.
|
|
||
Comment 8•4 years ago
|
||
Markus Stange or maybe Jonathan Kew might be better to ping here about what would be the appropriate appearance on macOS and as to whether this represents a bug.
Also, if you want to constrain this particular bug report to behavior on macOS, it would be helpful if you can post your "about:support" information and as well any information you can give us about what version of macOS you are noticing this behavior on, as Apple has changed the behavior on font rendering fairly frequently on subsequent versions of macOS in recent times.
|
|
||
Comment 9•4 years ago
|
||
|
|
||
Comment 10•4 years ago
|
||
Currently using macOS 12.1.
I start noticing when I try to debug some websites on Chrome and Firefox since Q1 2021 (macOS 11).
Previously I'm using only Firefox so I didn't notice the difference.
But I think it was an issue before, just no one noticed.
|
||
Comment 11•4 years ago
|
||
On Medium on macOS, the difference between Firefox and Safari/Chrome is because Medium uses -webkit-font-smoothing: antialiased which we haven't implemented yet, see bug 1670993.
This bug looks like it's about three different issues now, which makes it very confusing.
comment 0: Text looks different in Firefox on macOS vs Firefox on Windows. This is intentional.
comment 3: Text looks different in Firefox on Windows vs Chrome on Windows. This is also intentional.
comment 6: Text with -webkit-font-smoothing: antialiased looks different in Firefox on macOS vs Chrome on macOS. This is bug 1670993.
Let's close this bug.
Description
•