Jumbled top menu on www.nasa.gov




2 years ago
Last year


(Reporter: inejge, Unassigned)


Dependency tree / graph

Firefox Tracking Flags

(firefox55 wontfix, firefox56 wontfix, firefox57 wontfix, firefox58 wontfix, firefox59 ?, firefox60 ?)


(Whiteboard: [gfx-noted])


(2 attachments)



2 years ago
User Agent: Mozilla/5.0 (Windows NT 6.3; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20170813100233

Steps to reproduce:

Opened https://www.nasa.gov/feature/jpl/trappist-1-is-older-than-our-solar-system

Actual results:

The top menu was incorrectly displayed.

Expected results:

The menu should have been displayed along the top of the page.

Comment 1

2 years ago

Comment 3

2 years ago
I can reproduce the problem on Windows10 Nightly57.0a1, but not on Firefox56.0b2 and Chrome60.

Regression window:

Via local build, regressed by:
67084d8fe886	Frédéric Wang — Bug 1193050 - Update OTS to latest upstream version. r=jfkthame

Setting gfx.downloadable_fonts.otl_validation = false fixes the problem (beta and release build default)
Blocks: 1193050
Component: Untriaged → Graphics: Text
Ever confirmed: true
Product: Firefox → Core
Version: 57 Branch → Trunk
Jonathan, you're probably the best person to come up with a way forward here.
Flags: needinfo?(jfkthame)
Whiteboard: [gfx-noted]
The immediate cause of the problem is that the downloadable font the site uses fails to load on Nightly. This is due to a bug in the font subsetter Google Fonts is using, which results in font resources that don't follow the OpenType spec correctly; see console messages such as:

downloadable font: Layout: DFLT script doesn't satisfy the spec. DefaultLangSys is NULL (font-family: "Titillium Web" style:normal weight:normal stretch:normal src index:2) source: https://fonts.gstatic.com/s/titilliumweb/v5/7XUFZ5tgS-tD6QamInJTceHuglUR2dhBxWD-q_ehMME.woff2

Their subsetting tool has apparently been fixed, but we are waiting for an updated version to be deployed so as to fix these issues.

(Note that on Beta and Release channels, we relax the OTS checking such that the font will not be rejected. Setting the pref gfx.downloadable_fonts.otl_validation to false on Nightly will achieve the same thing.)

It's also worth noting that the result (when the webfont fails to load) is particularly bad because the site's layout is quite fragile, and doesn't cope with significantly different metrics for the text in the top menu. For example, using the devtools Inspector to add

    #nasa-main-menu > li > a {
        letter-spacing: 2px;

to the styles will result in a similarly broken layout even when the webfont is loaded. This suggests that the site will fail badly for users who need to override fonts/sizes, e.g. for accessibility reasons, as well as for people with webfonts disabled.
Flags: needinfo?(jfkthame)
Duplicate of this bug: 1405964
Andrei, can your team have a look to see if this is still reproducible in 60?
We may have fixed this elsewhere, already.
Flags: needinfo?(andrei.vaida)
I tried to reproduce this bug with Firefox Nightly 57.0a1 (20170813100233) and Firefox Nightly 58.0a1 (20171004100049) on several stations under Windows 10 (x32 and x64), Windows 8.1 x64, macOs 10.13 and Mac Os 10.11, Ubuntu 16.04 x64 and Ubuntu 14.04 x64, but with no success. Therefore, unfortunately I can’t conclude if this issue is still reproducible in Firefox 60 builds. 

Inejge, could you please verify if this is still reproducing on your side using the following build:
https://archive.mozilla.org/pub/firefox/nightly/latest-mozilla-central/firefox-60.0a1.en-US.win32.zip (archive) or https://archive.mozilla.org/pub/firefox/nightly/latest-mozilla-central/firefox-60.0a1.en-US.win32.installer.exe (installer)?
Flags: needinfo?(andrei.vaida) → needinfo?(inejge)

Comment 9

Last year
Sorry for not noticing this earlier; the page renders correctly for me with 61.0a1 (20180318100058) on Win 8.1 32-bit.


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