@font-face declaration causes unnecessary double download - by Paul Irish

Status : 

  Fixed<br /><br />
		This item has been fixed in the current or upcoming version of this product.<br /><br />
		A more detailed explanation for the resolution of this particular item may have been provided in the comments section.

ID 570191 Comments
Status Closed Workarounds
Type Bug Repros 1
Opened 6/23/2010 10:55:57 PM
Duplicates 632966 Access Restriction Public


With a @font-face declaration like the following:
@font-face {
    font-family: tagesschrift;
    src: url('http://paulirish.com/tagesschrift.eot');    
    src: local('☺'), url('http://paulirish.com/tagesschrift.ttf') format("truetype");

... IE9 pp3 downloads both the eot file and the ttf.

demo: http://dl.dropbox.com/u/39519/webfontsdemo/ie9.html

The css3 font spec says this: "When a font is needed the user agent iterates over the set of references listed, using the first one it can successfully activate. "
-- http://www.w3.org/TR/css3-fonts/#font-reference-the-src-descriptor

While admittedly the syntax here breaks spec, it has been used to deal with IE<=8's shortcomingings with parsing a valid @font-face rule. 

It is now recommended and used by leading webfonts sites: Font Squirrel, Typotheque, Fontdeck, and WebINK. 

Moreover, using totally compliant syntax still incurs the double resource download:

(I did not test with a data URI as the first src value, but I would expect a similar behavior there)

Needlessly downloading both resources is inefficient, non-compliant, and slows down the user experience.

Sign in to post a comment.
Posted by Microsoft on 11/19/2010 at 7:45 PM
Thank you for your feedback.

This issue was resolved in Internet Explorer 9 Platform Preview Build released on 10/28/2010. Please verify the change and file a new feedback (or reactivate the existing one) if the problem persists.

Best regards,

The Internet Explorer Team
Posted by Jake Archibald on 7/20/2010 at 4:37 AM
Urm, when I said "I can also reproduce", I meant reproduce the bug... I wasn't advertising my skill-set.
Posted by Jake Archibald on 7/19/2010 at 7:34 AM
Also, it will download the first 2 fonts it finds in parallel, but waits till they're done before starting the 3rd download
Posted by Jake Archibald on 7/19/2010 at 7:17 AM
I can also reproduce. IE9 will download all the files it can support. If an EOT, TTF & WOFF are provided, IE9 will download all 3 rather than the first it supports.
Posted by Microsoft on 7/7/2010 at 6:19 PM
Thank you for your feedback. We will be investigating this issue further.

Best regards,

The IE Team