Why Does Adding \"?#iefix\" Fix Web Font Loading Issues in IE6-IE8?

Fixing Web Fonts Loading in IE6-IE8: The Role of ?#iefix

To resolve the issue of font loading in older versions of Internet Explorer, a common solution involves adding a ?#iefix to the EOT (Embedded OpenType) URL. Let's explore how this fix addresses the problem:

IE8 and earlier browsers have a flaw in parsing the src attribute when multiple font formats are included. As a result, IE fails to load the font and indicates a 404 error instead.

The question mark (?) in ?#iefix serves as a workaround. It tricks IE into treating the remaining portion of the URL (i.e., other source URLs) as a query string. Consequently, IE only loads the EOT file.

Other browsers, which adhere to web standards, interpret the source URL as intended and load the appropriate font type based on their capabilities.

For more insights into @font-face syntax and other related issues, refer to Paul Irish's comprehensive article "Bulletproof @font-face syntax."

The above is the detailed content of Why Does Adding \"?#iefix\" Fix Web Font Loading Issues in IE6-IE8?. For more information, please follow other related articles on the PHP Chinese website!