877285 - IE10 font issue with FirefoxOS slider text

Status: VERIFIED FIXED

(www.mozilla.org :: Pages & Content, defect, P2)

Description

[raymond [:retornam] (inactive)]

STR:
1) Visit mozilla.org in IE10
2) notice that the Firefox OS slider image  has an issue with the fonts


See http://cl.ly/image/153i0J3S3D1m

Comment 1

[raymond [:retornam] (inactive)]

http://cl.ly/image/3q2O29182724 for screenshot of JS issues

Comment 2

[Alex Gibson [:agibson]]

Looks like it might need an Access-Control-Allow-Origin header set for the font files when served from the CDN?

Comment 3

[Steven Garrity [:sgarrity]]

Any idea why this just started happening? Or why it isn't an issue for the other fonts? It is the only font (for IE) that uses the .eotlite extension (rather than just .eot). Perhaps the Access-Control-Allow-Origin settings aren't enabled for that extension?

Comment 4

[Alex Gibson [:agibson]]

(In reply to Steven Garrity from comment #3)
> It is the only font (for IE) that uses the .eotlite extension
> (rather than just .eot). Perhaps the Access-Control-Allow-Origin settings
> aren't enabled for that extension?

That could likely be it - but as to why it only just started happening however, I'm not sure.

Comment 5

[Jennifer Bertsch [:jbertsch]]

Lee - is the fx os homepage promo using open sans?

Comment 6

[Lee Tom]

Ack! Not in that example (comment #0), it isn't!


(In reply to Jennifer Bertsch [:jbertsch] from comment #5)
> Lee - is the fx os homepage promo using open sans?

Comment 7

[Lee Tom]

Attachment: FirefoxOS homepage banner

For what it's worth, here are the font values I used to mock this up in PS. 
Open Sans Extra Bold Italic...

Comment 8

[Steven Garrity [:sgarrity]]

(In reply to Lee Tom from comment #7)
> Created attachment 762288 [details]
> FirefoxOS homepage banner
> 
> For what it's worth, here are the font values I used to mock this up in PS. 
> Open Sans Extra Bold Italic...

Hrm... The PSD we worked from for this promo (https://bugzilla.mozilla.org/show_bug.cgi?id=836048#c9) was using MetaPlusBlack-Italic. Is that incorrect?

Comment 9

[Lee Tom]

Steven, you're correct. The original art used MetaPlusBlack-Italic, but we replaced using that font in our marketing materials for Open Sans ExtraBold Italic (a close match) for the Firefox OS headlines. Opting for the open font

Comment 10

[Steven Garrity [:sgarrity]]

(In reply to Lee Tom from comment #9)
> Steven, you're correct. The original art used MetaPlusBlack-Italic, but we
> replaced using that font in our marketing materials for Open Sans ExtraBold
> Italic (a close match) for the Firefox OS headlines. Opting for the open font

Ah, that may work well. Shall we replace the Meta font with the appropriate Open Sans variant? That may automatically for our issue here anyhow.

Comment 11

[Steven Garrity [:sgarrity]]

Automatically *fix* our issue, that is.

Comment 12

[Lee Tom]

Sure, if you want to replace where ever Meta is used for FirefoxOS that should be fine. You may need to tweak font size and tracking to match it up, though. I think the Open Sans renders a bit bigger and wider. Thanks!

Comment 13

[Steven Garrity [:sgarrity]]

Ok, pull request to update the home page and tabzilla promo with the Open Sans variant: https://github.com/mozilla/bedrock/pull/970

Comment 14

[[github robot]]

Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/7ec06a29c29644edeb2024ec25ef258ac9be1c4f
Use Open Sans in Fx OS promo (fixes Bug 877285)

https://github.com/mozilla/bedrock/commit/fc4ed5aec1a65accc567e8b664e9253635003c0a
Use Open Sans in Fx OS tabzilla promo
(fixes Bug 877285)

https://github.com/mozilla/bedrock/commit/06b0c65102dcffac1df7fe1ee0814d5898987900
Merge pull request #970 from sgarrity/bug-877285-IE10font

Use Open Sans font in Firefox OS promos (Bug 877285)

Comment 15

[raymond [:retornam] (inactive)]

fixed on dev https://www-dev.allizom.org/en-US/

Comment 16

[raymond [:retornam] (inactive)]

verified fixed https://www.mozilla.org/en-US