Open Bug 1664273 Opened 4 years ago Updated 2 years ago

Font rendering incorrectly, no problem in Edge or Chrome (Intel HD Graphics 620, 24.20.100.6286)

Categories

(Core :: Graphics, defect)

80 Branch
defect

Tracking

()

People

(Reporter: seanwangley, Assigned: aosmond)

References

Details

Attachments

(16 files)

(deleted), image/jpeg
Details
(deleted), image/png
Details
(deleted), image/jpeg
Details
(deleted), application/vnd.openxmlformats-officedocument.wordprocessingml.document
Details
(deleted), application/pdf
Details
(deleted), image/jpeg
Details
(deleted), image/jpeg
Details
(deleted), image/jpeg
Details
(deleted), application/vnd.openxmlformats-officedocument.wordprocessingml.document
Details
(deleted), application/vnd.openxmlformats-officedocument.wordprocessingml.document
Details
(deleted), application/pdf
Details
(deleted), application/pdf
Details
(deleted), application/vnd.openxmlformats-officedocument.wordprocessingml.document
Details
(deleted), application/pdf
Details
(deleted), application/vnd.openxmlformats-officedocument.wordprocessingml.document
Details
(deleted), application/pdf
Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36

Steps to reproduce:

Googled "font problems Firefox" and "font rendering problems Firefox". Found hits which were too technical for me to implement and commentary which suggested they might work. Don't care to experiment.

Actual results:

Suspended use of Firefox. Transferred bookmarks to Edge and Chrome for desired result.

Expected results:

Firefox should take ownership of the problem and issue a patch. I just need a browser which renders text correctly.

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Component: Untriaged → Layout: Text and Fonts
Product: Firefox → Core

Could you attach a screenshot showing the problems you're seeing in Firefox? Thanks.

Flags: needinfo?(seanwangley)
Attached image 20200911_103300.jpg (deleted) β€”
Flags: needinfo?(seanwangley)

Screen shot not possible with Microsoft Snip. Photo is from cell. You should be able to see letters or portion of letters go grey while other text remains black.

That's weird, I haven't seen an issue like that before. What website is this from? Do you see similar problems on all sites, or only certain pages?

Could you try the built-in screenshot tool in Firefox (click the "β€’β€’β€’" symbol at the right of the address bar and choose Take a Screenshot from the menu of actions, then paste the result into the Attach New File box here)? That should -- I hope -- give a clearer/more accurate image of what you're getting on your screen. Thank you!

Flags: needinfo?(seanwangley)

website: https://www.cbc.ca/news/canada/british-columbia/bonnie-henry-interview-1.5719008
Neither Firefox or Microsoft Snip can capture the problem. Refer to second cell phone picture to see the difference.
Would you like me to submit the config file? Need instructions to provide it.

Flags: needinfo?(seanwangley)
Attached image 20200911_172704.jpg (deleted) β€”

Given the difference between the screenshot as captured by Firefox (comment 6) and what actually appears on screen (as seen in the photo in comment 7), I'm pretty sure this is not really a font problem, it's a graphics-level issue where certain rows of pixels are getting "lost" somewhere in the rendering pipeline -- e.g. there's a line of missing pixels right across the x-height of the third line of text in the photo, and again on the first line of the second paragraph. It's happening at seemingly-random places within the screen rendering, not corresponding to boundaries of elements at the layout level.

Lee, any thoughts on what could be happening here?

Component: Layout: Text and Fonts → Graphics
Flags: needinfo?(lsalzman)

Andrew, this looks like a potential snapping problem, like it's sampling the glyph textures at a slightly wrong offset or something?

Flags: needinfo?(lsalzman) → needinfo?(aosmond)

Certainly looks possible from the screenshot.

Sean, a few things would help a lot in the investigation:

  1. Would you be able to go to about:support and attach the contents to the bug?
  2. Did you do any zooming in or out on the page to see the problem?
  3. Do you use any OS level scaling? You can check by going to Settings / System / Display / Scale and layout -- the default will be 100%.
  4. What font is selected for you on that paragraph? You can find out by right clicking the paragraph in question and selecting Inspect Element. On the right hand side of the devtools, you will see a series of tabs, "Layout", "Computed", "Changes", etc. There should be a "Font" tab (may need to hit the arrow to get more options) that I would like to see the contents of. If you could grab a screenshot of the devtools bit, that would be great. I just want to confirm we get the same font and config otherwise reproducing will be impossible :).

Thanks in advance!

Flags: needinfo?(seanwangley)
Attached file Q#1aboutsupport.docx (deleted) β€”

Question #1 Word doc

Flags: needinfo?(seanwangley)
Attached file Q#1aboutsupport.pdf (deleted) β€”

Q#1 PDF

Attached image 20200912_195925.jpg (deleted) β€”

Q#2 original zoom setting

Attached image 20200912_200104.jpg (deleted) β€”

Q#2 Reset zoom setting

Attached image Question#4 2020-09-12 201203.jpg (deleted) β€”

I do whatever you request to track down the issue, except work at 100% or no zoom. My sight is not that good, so I'm back to 125%.

I believe I can reproduce now on a laptop similar to your computer. The glyphs aren't distorted in quite the same way, but things look way better if I change the font size, and also look fine in Edge. Investigation on my side begins.

Assignee: nobody → aosmond
Status: UNCONFIRMED → NEW
Ever confirmed: true
Severity: -- → S3
Blocks: gfx-82
Summary: Font rendering incorrectly, no problem in Edge or Chrome, use of firefox suspended → Font rendering incorrectly, no problem in Edge or Chrome (Intel HD Graphics 620, 24.20.100.6286)

Hello All...
I've been tinkering and have solved the problem by changing the DISPLAY RESOLUTION from 1366 x 768 to 1280 x 720.
Sean

No longer blocks: gfx-82
Depends on: 1665764

Last word:
My solution fixed the problem for Firefox and I am satisfy, but I hope that you are aware that both Chrome and Edge displayed the fonts correctly at the higher resolution while Firefox could not.

Waiting on bug 1671518 to land/get into nightly to request a verification / fresh about:support.

Flags: needinfo?(aosmond)

Hi Sean, would you be able to give us your about:support with the latest nightly? There should be additional diagnostics in it which will confirm what we suspect. Thanks!

Flags: needinfo?(seanwangley)
Attached file about_support-raw_data.docx (deleted) β€”
Flags: needinfo?(seanwangley)
Attached file about_support-text.docx (deleted) β€”
Attached file about_support-raw_data.pdf (deleted) β€”
Attached file about_support-text.pdf (deleted) β€”
Attached file Inverted_keyboard_arrow_up.docx (deleted) β€”
Attached file Inverted_keyboard_arrow_up.pdf (deleted) β€”

Hi Andrew...
please find attached the info requested. What's "with the latest nightly" mean and how do I obtain it?

My solution seems to work, except for the display of some element of the web pages. Don't know if my remedy caused it.
See Inverted_keyboard_arrow_up.
Sean

If you scroll to the bottom, you can install nightly:

https://www.mozilla.org/en-US/firefox/channel/desktop/

The about:support from release doesn't have the information I need to confirm yet :).

Attached file about_support-text-nightly.docx (deleted) β€”
Attached file about_support-text-nightly.pdf (deleted) β€”

Andrew...
File sent as requested.
Sean

Blocks: gfx-84
No longer blocks: gfx-83
Flags: needinfo?(aosmond)

https://downloadcenter.intel.com/download/30266/Intel-Graphics-Windows-10-DCH-Drivers

Can you test on latest Intel 27.20.100.9316 graphics driver?

Flags: needinfo?(aosmond)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: