Open Bug 1446688 Opened 7 years ago Updated 3 years ago

Quantum: Most text on Mozilla Add-on Pages is garbled and unreadable

Categories

(Core :: Layout: Text and Fonts, defect, P3)

Product:
Core
Component:
Layout: Text and Fonts
Version:
59 Branch
Type:
defect

Tracking

()

People

(Reporter: jeff, Unassigned, NeedInfo)

References

Details

(Keywords: regression)

Attachments

(2 files)

quantum_01.png
331.51 KB, image/png
Details
Results of Opera vs. Firefox
509.18 KB, image/jpeg
Details
Attached image quantum_01.png —
User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:59.0) Gecko/20100101 Firefox/59.0 Build ID: 20180316021353 Steps to reproduce: Ubuntu 17.10 Firefox 59.0.1 Starting with Quantum, the text on most Mozilla Add-On description pages is mangled to the point of being unreadable. See attached screen shot. This mangling appears only on the Add-on landing pages. The text also remains mangled when running Firefox in Safe mode. It seems like a CSS issue except that these pages show up fine using Chrome, Opera and pre-Quantum Firefox. They Also display properly on Quantum running on Windows 10. This has been going on for months now with no improvement. Actual results: See attached image. Expected results: Text should display properly.
I can reproduce this issue on my machine. I have set the component so that the proper team can take a look at this.
Component: Untriaged → DOM
Product: Firefox → Core
Component: DOM → Layout: Text
Cannot repro here on Fedora (assuming I'm looking at the right thing). Could you post an affected URL just to confirm? Also, could you try to find a regression range with https://mozilla.github.io/mozregression/quickstart.html?
Flags: needinfo?(jeff)
If you set layout.css.servo.enabled to false in about:config, and reload the page, does that make any difference?
I set layout.css.servo.enabled to false and this did indeed fix the problem with the mangled text. Is this the solution or just a work-around for the bug?
Flags: needinfo?(jeff)
It's a temporary workaround - that option will be going away, so we need to figure out what's really wrong here and fix it.
Do you know if you have a font-related configuration other than the default one? If so, could you tell which? That should allow us to repro it.
Flags: needinfo?(jeff)
The add-ons pages normally use Fira Sans as a webfont. But if there's a locally-installed copy of Fira Sans, that will be used instead -- and if there's something weird about the local copy, maybe that could cause the problem. So Jeff, do you have Fira Sans installed? What does running fc-match -v :family="Fira Sans" in a shell window report?
There does not appear to be any Fira Sans font on this machine. I specify the following Latin fonts: Default as Arial 14 pt; Proportional as Sans Serif 14 pt; Serif and Sans-Serif are both Arial; Monospace is Courier New 13 pt. The box saying "Allow pages to choose their own fonts, instead of your selections above" is checked. Here is the output of your command. It seems to identify DejaVu Sans rather than Fira Sans. % fc-match -v :family="Fira Sans" Pattern has 37 elts (size 48) family: "DejaVu Sans"(s) familylang: "en"(s) style: "Book"(s) stylelang: "en"(s) fullname: "DejaVu Sans"(s) fullnamelang: "en"(s) slant: 0(i)(s) weight: 80(i)(s) width: 100(i)(s) size: 12(f)(s) pixelsize: 12.5(f)(s) foundry: "PfEd"(w) antialias: True(w) hintstyle: 1(i)(w) hinting: True(w) verticallayout: False(s) autohint: False(s) globaladvance: True(s) file: "/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf"(w) index: 0(i)(w) outline: True(w) scalable: True(w) dpi: 75(f)(s) scale: 1(f)(s) charset: 0000: 00000000 ffffffff ffffffff 7fffffff 00000000 ffffffff ffffffff ffffffff 0001: ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff 0002: ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff 008873ff 0003: ffffffff 7fffffff f58effff fcff0007 ffffd7f0 fffffffb ffffffff ffffffff 0004: ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff 0005: ffffffff fffe003f fe7fffff fffffffe 000006ff ffff0000 ffff00cf 001f07ff 0006: 882016c0 07fffffe 04bfffff fe11ffff ffffffff ffffffff 002159c0 03ff0000 0007: 00000000 00000000 00000000 00000000 00000000 00000000 ffffffff 073ff8ff 000e: 00000000 80000000 00000000 00000000 fef02596 3bffecae 33ff3f5f 00000000 0010: 00000000 00000000 00000000 00000000 00000000 ffffffff ffff003f 1fffffff 0014: effffefe ffbfffff fff7f7ff ffffffff ffffffff 3fffffff ffffffff fffff7ff 0015: ffff00ff 7fffffff fffdffff fff007ff 007ffc3f 0000ffff 40000000 00000002 0016: 00000000 00000000 000000c0 007fc000 1fffffff 00000000 00000000 00000000 001d: ffdfffff ffff7fcf efffffff 298007ff f8000020 ffffffff 000003f0 00000000 001e: ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff 0fffffff 001f: 3f3fffff ffffffff aaff3f3f 3fffffff ffffffff ffdfffff efcfffdf 7fdcffff 0020: ffffffff fffffcff ffffffff fff3fc1f 1fff7fff 273fffff 18c30000 00000002 0021: fffffbff ffffffff ffff4bff ffffffff ffff023f ffffffff ffffffff ffffffff 0022: ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff 0023: f303ffff 000019f3 00000000 24380000 f8100080 00007fff 0000c000 00000128 0024: 00000000 0000000c 00000000 000003ff 00000000 00000000 00000000 00000000 0025: ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff 0026: ffffffff ffffffff ffffffff ffffffff dfffffff 01ffffff 0000000f 00000004 0027: fffff3de fffffeff 7f47afff fffffffe ff1fffff 7ffeffff 00000060 ffff0fc1 0028: ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff ffffffff 0029: 00000cc0 00000000 00000003 00000000 00000018 00000000 003fc000 0c000800 002a: 1ffff007 00008000 00000000 e0000c00 ffffffff 07ffc001 00000000 06000000 002b: 87ffffff 0000001f 00180000 00000000 00000000 00000000 00000000 00000000 002c: 00000000 00000000 00000000 feffffff 00000000 00000000 00000000 00000000 002d: ffffffff ffff003f ffffffff 0000803f 00000000 00000000 00000000 00000000 002e: 81000000 0000403c 00000000 00000000 00000000 00000000 00000000 00000000 004d: 00000000 00000000 00000000 00000000 00000000 00000000 cffffffc fcf3ffff 00a4: 00000000 00000000 00000000 00000000 00000000 00000000 ffff0000 ffffffff 00a6: 00000000 00000000 00f330f0 00007ffc 03303c00 00000000 00000000 00000000 00a7: f87fff00 ffff0ffc 00cfcfc3 000000f0 00037e0f 000007ff 00000000 ff000000 00ef: 03ffffff 00000000 00000000 00000000 00000000 00000000 00000000 00000000 00f0: 0000000f 00000000 00000000 00000000 00000000 00000000 00000000 00000000 00f4: ffffffff ffffff7f 00000003 00000000 00000000 00000000 00000000 00000000 00f6: 00000000 00000000 00000000 00000000 00000000 00000000 00000020 00000000 00fb: e0f8007f 5f7fffff fffcffdb ffffffff ffffffff 00003c0f dff80000 f00003f0 00fe: 0000ffff 0000000f 00000000 ffdf0000 ffffffff ffffffff ffffffff 9fffffff 00ff: 00000000 00000000 00000000 00000000 00000000 00000000 00000000 20000000 0103: 7fffffff 0000000f 00000000 00000000 00000000 00000000 00000000 00000000 01d3: ffffffff ffffffff 007fffff 00000000 00000000 00000000 00000000 00000000 01d5: 00000000 7b000000 fffdfc5f 00000fff 00000000 ffffffff 000fffff 00000000 01d7: 00000000 00000000 00000000 00000000 00000000 00000000 ff000000 00000fff 01ee: ffffffef 0af7fe96 00000000 5ef7f796 00000000 00000000 00000000 00000000 01f0: 00000000 ffff0000 ffffffff ffffffff 000fffff 7ffe7fff fffefffe 00000000 01f3: 01fe0000 00000000 00000000 00000000 00000000 00000000 00000000 00000000 01f4: 00000000 00226000 00000000 00000000 00000000 00000000 00000000 00000000 01f6: ffffffff ffffefef 00000009 00000000 00000000 00000000 00000000 00000000 (w) lang: aa|ab|af|ar|ast|av|ay|az-az|az-ir|ba|bm|be|bg|bi|bin|br|bs|bua|ca|ce|ch|chm|co|cs|cu|cv|cy|da|de|el|en|eo|es|et|eu|fa|fi|fj|fo|fr|ff|fur|fy|ga|gd|gl|gn|gv|ha|haw|he|ho|hr|hu|hy|ia|ig|id|ie|ik|io|is|it|iu|ka|kaa|ki|kk|kl|ku-am|ku-ir|kum|kv|kw|ky|la|lb|lez|ln|lo|lt|lv|mg|mh|mi|mk|mo|mt|nb|nds|nl|nn|no|nr|nso|ny|oc|om|os|pl|pt|rm|ro|ru|sah|sco|se|sel|sh|shs|sk|sl|sm|sma|smj|smn|sms|so|sq|sr|ss|st|sv|sw|tg|tk|tl|tn|to|tr|ts|tt|tw|tyv|ug|uk|uz|ve|vi|vo|vot|wa|wen|wo|xh|yap|yi|yo|zu|ak|an|ber-dz|ber-ma|crh|csb|ee|fat|fil|hsb|ht|hz|jv|kab|kj|kr|ku-iq|ku-tr|kwm|lg|li|mn-mn|ms|na|ng|nv|ota|pap-an|pap-aw|qu|quz|rn|rw|sc|sd|sg|sn|su|ty|za(s) fontversion: 155320(i)(s) capability: "otlayout:DFLT otlayout:arab otlayout:armn otlayout:brai otlayout:cans otlayout:cher otlayout:cyrl otlayout:geor otlayout:grek otlayout:hani otlayout:hebr otlayout:kana otlayout:lao otlayout:latn otlayout:math otlayout:nko otlayout:ogam otlayout:runr otlayout:tfng otlayout:thai"(w) fontformat: "TrueType"(w) embeddedbitmap: True(s) decorative: False(s) lcdfilter: 1(i)(w) namelang: "en"(s) prgname: "fc-match"(s) postscriptname: "DejaVuSans"(w) color: False(w) symbol: False(s)
Flags: needinfo?(jeff)
Jeffery, Justin: could you please confirm if this problem still reproduces with latest Nightly? Unless it has somehow gotten fixed in the meantime, I think we need to investigate more deeply and figure out what's going wrong here.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Flags: needinfo?(jwilliams)
Flags: needinfo?(jeff)
Priority: -- → P3
Flags: needinfo?(jwilliams) → needinfo?(gwimberly)
Taking over from Justin on this bug, I can't reproduce this issue with the following specs: Mozilla/5.0 (X11; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0 Everything seems to look OK on this end.
Flags: needinfo?(gwimberly)
(In reply to Grover Wimberly IV [:Grover-QA] from comment #11) > Taking over from Justin on this bug, I can't reproduce this issue with the > following specs: > Mozilla/5.0 (X11; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0 > > Everything seems to look OK on this end. The issue may be dependent on details of the individual machine's font configuration; unless you're testing on the _exact_ same configuration as Justin used in comment 1, can you check whether your system shows the problem with the build from the original report? That would indicate whether the problem has actually been resolved, or just doesn't occur on your machine.
Flags: needinfo?(gwimberly)
Per Comment 9, it was suggested to test on the current Nightly. I can test on 59.0 if that's what you would like me to do. Justin and I are using the same hardware/configuration (Ubuntu through VirtualBox with default settings) to be able to test this.
Flags: needinfo?(gwimberly) → needinfo?(jfkthame)
The workaround of setting layout.css.servo.enabled to false worked up until Firefox version 61.0 (Xubuntu 18.04). I just noticed that the garbles Add-on pages are back. Here are links to two screenshots that I just took. http://smallthoughts.com/photos/misc/firefox_61_01.jpg http://smallthoughts.com/photos/misc/firefox_61_02.jpg Xubuntu was upgraded from 17.10 to 18.04 since my initial report, but no additional font changes or other things I'm aware of. I have viewed Add-on pages many times since the OS upgrade and noticed no problems until today. I believe the Firefox upgrade to 61.0 took place a few days ago and is the source of the problem. layout.css.servo.enabled is still set to false and I'm seeing this on multiple browser profile sessions. I'm NOT seeing the problem with Firefox 61.0.1 on Windows 10.
Flags: needinfo?(jeff)
The font rendering problem is more widespread and critical than just garbling the Add-on page text as I reported above. See the following URL: https://www.us.kohler.com/us/catalog/svg_viewer.jsp?productId=418204&diagram=1 This is a parts viewer for a Kohler product. Now look at the following pair of screen images that I captured: http://smallthoughts.com/photos/misc/firefox_61_03.jpg The image on the left is correct as viewed in either the Opera or Chromium browsers. The image on the right is what you see using Firefox 61.0.1. This font mangling is a long standing problem. I have seen this occur on other sites. Please address this as it is rendering Firefox unusable in these situations. OS: Xubuntu 18.04 Firefox: 61.0.1
Here is another on-line product catalog that is totally useless when attempted to be viewed in Firefox. Works in other browsers. http://tokistar.com/interactive/psg/2/
And yet another example in a Scribd subwindow on this page: https://www.breitbart.com/big-government/2018/07/29/amazon-leads-masters-of-universe-push-nationalize-music-industry/ Here is a link to comparative screenshots taken on Firefox and Opera: http://smallthoughts.com/photos/misc/firefox_61_04.jpg This is a widespread problem. I'm running into situations like this every other day now. Again: OS: Xubuntu 18.04 Firefox: 61.0.1
OK, it up to Firefox 62.0 on Xubuntu 18.04 and the add-on pages are still garbled. Here is yet another screenshot: http://smallthoughts.com/photos/misc/firefox_62_01.jpg It's been six months and yet nothing has been done about this -- or the constant tab crashing. The wheels seem to be coming off of Firefox.
Is anyone working on this problem? Months have gone by and no word on this. I tried to look at an add-on today and it's impossible to read about it. This is really making Firefox unusable. The severity of the problem should be escalated.
We really need a way to reproduce this, and so far everything I tried at least (which includes messing up with the fonts in my system pretty heavily) fails to reproduce the problem. All those have to do with web fonts given you don't have the font installed as mentioned on comment 8. If you can reproduce this consistently, a narrower regression range would be useful to diagnose, lacking STR. If you could get it using: https://mozilla.github.io/mozregression/quickstart.html With a command like: mozregression --good 56 --bad 57 --pref layout.css.servo.enabled:true it'd be really helpful. If 56 is still borked with that pref on you could try 55. Beware that other bits may be broken as stylo didn't get enabled until 57, but whatever change broke your web fonts should probably be in that regression range.
Just went to the Add-On page this morning and the problem still persists in 63.0.3 See: http://smallthoughts.com/photos/misc/firefox_63_01.jpg I didn't get a report about the previous comment re. regression builder. I'm on Xubuntu 18.10 now and nothing has changed. I'm not sure what this test will show. This has been a problem ever since the introduction of Quantum. Is no one else on Linux machines experiencing this?
(In reply to Jeffery Small from comment #21) > I didn't get a report about the previous comment re. regression builder. > I'm on Xubuntu 18.10 now and nothing has changed. I'm not sure what this > test will show. That command will show which change in that range introduced the problem, which will be very helpful given I cannot reproduce it. > This has been a problem ever since the introduction of > Quantum. Is no one else on Linux machines experiencing this? I use Linux exclusively and as I said I haven't been able to repro this at all. I've fixed an issue with font selection not long ago in bug 1511570, does the issue persist on Nightly?

Well, I reported this bug over a year ago (starting as bug 1437338). I'm on FF 64.0 now and STILL nothing has been done about it! I've provided many examples of where this font problem is arising. As I reported, FF pre-Quantum v56 worked, and the problem developed in v58. At one point there was a workaround to set layout.css.servo.enabled to false. This solved the problem for a while but was disabled after a couple of months. Doesn't this provide a clue as to what may be wrong?

Having page display screwed up like this is really frustrating -- especially when it's your own pages. Please get back on this and get it resolved.

See comments from 11-10-19

Over two years now without any progress. Now on Xubuntu 10.04 and FF 70.0.1.

All FF Extension pages are still garbled as are the Kohler parts viewer pages I reported previously. Chrome and Opera still working great on these pages while FF is unreadable. Here is another screenshot showing the results from Opera and FF.

Bugbug thinks this bug is a regression, but please revert this change in case of error.

Keywords: regression
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: