Prune www.mozilla.org @font-face stack

RESOLVED FIXED

Status

www.mozilla.org
Pages & Content
RESOLVED FIXED
a year ago
a year ago

People

(Reporter: agibson, Assigned: craigcook)

Tracking

Production

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

a year ago
Now that we only support IE 9 and upward with first-class CSS, we're in a position to prune our existing @font-font stack to only serve woff and woff2 formats, as per:

http://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/

For example, we could now potentially just serve:

@font-face {
  font-family: Open Sans;
  src: url(opensans.woff2) format('woff2'),
       url(opensans.woff) format('woff');
}

Not only does this make our @font-face syntax cleaner, it also means IE9 and IE10 would now be served .woff files instead of the existing .eot, for better performance.

Support tables for .woff can be found here:

http://caniuse.com/#search=woff

I guess one thing we should probably try and do is ensure most critical pages look OK in IE < 9 using regular system fonts. But I can't see this being much of a problem.
(Assignee)

Comment 1

a year ago
Created attachment 8822232 [details] [review]
Github pull request https://github.com/mozilla/bedrock/pull/4551
Assignee: nobody → craigcook.bugz
Status: NEW → ASSIGNED

Comment 2

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

https://github.com/mozilla/bedrock/commit/0a4baf688ce7e6ca66b39aca06d9936f3a91b4e1
[fix bug 1325324] Reduce font stack

Update Font Awesome

https://github.com/mozilla/bedrock/commit/a3c41e4f20bcd7a2e8df313112213d0f45e22843
Merge pull request #4551 from craigcook/bug-1325324-reduce-font-stack

[fix bug 1325324] Reduce font stack

Updated

a year ago
Status: ASSIGNED → RESOLVED
Last Resolved: a year ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.