1249041 - https://advocacy.mozilla.org/ contains missing content due to Fira Sans font

Status: RESOLVED FIXED

(Mozilla Foundation Communications :: Website, task)

Description

[Bob Clary [:bc] (inactive)]

Attachment: screen shot

Fedora 23, Firefox 43+

1. https://advocacy.mozilla.org/
2. Web Console shows:

downloadable font: maxp: bad max_zones: 0 (font-family: "Fira Sans" style:normal weight:normal stretch:normal src index:2) source: https://fonts.gstatic.com/s/firasans/v5/EjsrzDkQUQCDwsBtLpcVQVtXRa8TVwTICgirnJhmVJw.woff2 css:74:12
downloadable font: maxp: bad max_zones: 0 (font-family: "Fira Sans" style:normal weight:300 stretch:normal src index:2) source: https://fonts.gstatic.com/s/firasans/v5/VTBnrK42EiOBncVyQXZ7j-gdm0LZdjqr5-oayXSOefg.woff2 css:34:12

Text is missing from patch.

Using Inspector to remove Fira Sans from the list of fonts fixes the issue for me.

Comment 1

[Ton [:Tonnes]]

Attachment: screen shot 2

I’m afraid there is an additional issue on Win 7 (FF 48 and 50a, probably more versions), confirmed by at least one other user. Win 8 and 10 appear to be unaffected.

Browser/Web Console reports:
downloadable font: maxp: bad max_zones: 0 (font-family: "Fira Sans" style:normal weight:normal stretch:normal src index:2) source: https://fonts.gstatic.com/s/firasans/v6/EjsrzDkQUQCDwsBtLpcVQVtXRa8TVwTICgirnJhmVJw.woff2css:114:12
downloadable font: maxp: bad max_zones: 0 (font-family: "Fira Sans" style:normal weight:300 stretch:normal src index:2) source: https://fonts.gstatic.com/s/firasans/v6/VTBnrK42EiOBncVyQXZ7j-gdm0LZdjqr5-oayXSOefg.woff2

Disabling web fonts either in Options or about:config would be a workaround. Noticing bug 1047087 however scared me a bit.

Comment 2

[John Hesling [:John99] (NeedInfo me)]

(In reply to Ton from comment #1)
> Created attachment 8789924 [details]
> screen shot 2
> 
> I’m afraid there is an additional issue on Win 7 (FF 48 and 50a, probably
> more versions), confirmed by at least one other user. Win 8 and 10 appear to
> be unaffected.
Just thought I would mention I see similar errors in Win 10 Fx50a2 have not tested other Fx or Win7 but could if it helps.

Comment 3

[Ton [:Tonnes]]

That’s interesting and even more concerning. Can anyone please act?

Comment 4

[Scott [:thecount] Downe]

This is related to the font on google fonts. It's pretty busted and Linux seems to have issues with it for me. I needed to download it locally.

More info: https://bugzilla.mozilla.org/show_bug.cgi?id=1100658

That's the best I could determine.

Imo, we should close this as a dupe, or keep this open and consider a workaround for advocacy.mozilla.org

Comment 5

[Peiying Mo [:CocoMo]]

@Scott,

Will this fix/tip help with Advocacy.mozilla.org pages: https://bugzilla.mozilla.org/show_bug.cgi?id=1100658#c26?

Comment 6

[Scott [:thecount] Downe]

@Peiying, yeah, that'll work.

That's what we did for changecopyright.org/ and I just havn't gotten around to doing it for advocacy, but it's not a lot of work. I'll try to get it fixed up.

Comment 7

[Scott [:thecount] Downe]

This should be fixed now, so closing.

The downside of this is the font is much bigger, but I think that's fine given the current content on the advocacy site.

Comment 8

[Ton [:Tonnes]]

Scott, should this change be noticeable by now? I do see other things in Web console, but http://advocacy.mozilla.org hardly improved, even though the same font seems fine on http://changecopyright.org.

Comment 9

[Scott [:thecount] Downe]

I tested against the direct Heroku link, and not advocacy.mozilla.org, which might be behind a timly cache.

I just tried advocacy.mozilla.org, and it did in fact get fira sans fonts from the mozilla cdn, and it's working for me now, and wasn't before.

Test it again here to be sure https://advocacy-mozilla-org-prod.herokuapp.com/

Comment 10

[Ton [:Tonnes]]

Attachment: Screen shot 3,4,5

In that case I’m afraid I can’t see much of a difference - Webconsole already showed content delivered from mozilla mdn here and so it does for the URL above, so I don’t expect this to be a caching issue. It’s mainly the k displaying as if there’s a small R over it, but also other character issues like too thin and hard to read fonts, lacking “horzontal parts” of some (t, f, z) and inconsistent display on different OSes, i.e. Win 7, XP and even Win 10 from what I just heard. I also read about some (past?) font hinting issues for this font, but this is all I know.

Comment 11

[Scott [:thecount] Downe]

Oh interesting, this sounds like you're hitting another issue! The issue in this ticket was just for Linux.

I'll try to reproduce the issue.

Comment 12

[Scott [:thecount] Downe]

I didn't have a lot of luck reproducing, or don't know the nuances of fonts to know what to look for, but this is starting to sound like a open sans issue, and not an issue with advocacy.mozilla.org. Initially, the font wasn't even rendering, which is all I think I'm able to fix on the advocacy.mozilla.org end, without some help.

Comment 13

[Ton [:Tonnes]]

I’m afraid the issue is still present on advocacy.m.o. The good news perhaps is that bug 1351143 changes from Fira to Open Sans for www.mozilla.org. Why not do similar for advocacy.m.o?

Comment 14

[Théo Chevalier]

We should probably switch at some point too, but I know mozilla.org uses some hacks to make Open Sans work properly.

We can start with what we’re doing for the Copyright website but it may be not as straightforward as it looks.