How does ?#iefix solve web fonts loading in IE6-IE8?

by

IE8 and the older have a bug in their parsers for the src attribute. So if you include more than 1 font format in the SRC, IE fails to load it and reports a 404 error.
The question mark solves that problem as it fools IE into thinking the rest of the string (other src) is a query string, and therefore loading just the EOT file…
Other browsers will follow the specification and load just their required font type …
You may wanna read Paul Irish’s Bulletproof @font-face syntax to know more about some other of the why’s …

More Related Contents:

  1. Icon fonts not loading in IE11
  2. How to make Google Fonts work in IE?
  3. Text in a flex container doesn’t wrap in IE11
  4. Internet Explorer’s CSS rules limits
  5. @font-face EOT not loading over HTTPS
  6. IE display: table-cell child ignores height: 100%
  7. @font-face works in IE8 but not IE9
  8. Background-image in keyframe does not display in Firefox or Internet Explorer
  9. Create webfont with Unicode Supplementary Multilingual Plane symbols
  10. How does one target IE7 and IE8 with valid CSS?
  11. Internet Explorer z-index bug?
  12. z-index does not work in Internet Explorer with pdf in iframe
  13. Does IE 8 have a limit on number of stylesheets per page?
  14. Webfont Smoothing and Antialiasing in Firefox and Opera
  15. CSS Selector for
  16. Any way to remove IEs black border around submit button in active forms?
  17. CSS: Using raw svg in the URL parameter of a background-image in IE
  18. Flex auto margin not working in IE10/11
  19. element not working in Internet Explorer 11
  20. Custom cursor image doesn’t work in all IEs?
  21. Detecting IE version using CSS Capability/Feature Detection
  22. IE and Edge fix for object-fit: cover;
  23. On IE CSS font-face works only when navigating through inner links
  24. Does Internet Explorer support CSS transitions?
  25. CSS3 3D Transform doesn’t work on IE11
  26. IE not rendering CSS properly when the site is located at networkdrive
  27. How to fix Internet explorer 7 bug when using percentage widths for layout?
  28. with an inner not triggering :active state in IE 8
  29. filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera
  30. how to make sure select option text align in the center in IE?

Leave a Comment