1325324 - Prune www.mozilla.org @font-face stack

Status: RESOLVED FIXED

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

Description

[Alex Gibson [:agibson]]

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.

Comment 1

[Craig Cook (:craigcook)]

Attachment: Github pull request https://github.com/mozilla/bedrock/pull/4551

Comment 2

[[github robot]]

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