@font-face EOT not loading over HTTPS

by

I ran into this problem with HTTPS, but not HTTP. For some reason IE would continue through the different font options, ignoring 200 OK responses.

In my case, the problem was the HTTP header Cache-Control: no-cache for the font. While this will work fine with HTTP, over HTTPS it causes Internet Explorer to ignore the downloaded font.

My best guess is that it’s a variation of this behaviour:

KB 815313 – Prevent caching when you download active documents over SSL (archive)

So, if you’re seeing IE work through each font in the Developer Tools network view, it might be worth checking if you have a Cache-Control header and removing it.

More Related Contents:

  1. On IE CSS font-face works only when navigating through inner links
  2. @font-face works in IE8 but not IE9
  3. Internet Explorer @font-face is failing
  4. Text in a flex container doesn’t wrap in IE11
  5. Using custom fonts using CSS?
  6. Are eot, ttf, and svg still necessary in the font-face declaration?
  7. Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading
  8. Wait for fonts to load before rendering web page
  9. IE display: table-cell child ignores height: 100%
  10. @font-face anti-aliasing on windows and mac
  11. Background-image in keyframe does not display in Firefox or Internet Explorer
  12. How does one target IE7 and IE8 with valid CSS?
  13. Internet Explorer z-index bug?
  14. z-index does not work in Internet Explorer with pdf in iframe
  15. @font-face src: local – How to use the local font if the user already has it?
  16. Google warning: Resource interpreted as Font but transferred with MIME type application/octet-stream
  17. Flex auto margin not working in IE10/11
  18. Fallback fonts on special characters
  19. element not working in Internet Explorer 11
  20. CSS @font-face not working in IE8
  21. Detecting IE version using CSS Capability/Feature Detection
  22. IE and Edge fix for object-fit: cover;
  23. How does ?#iefix solve web fonts loading in IE6-IE8?
  24. font-face with wrong MIME type in Chrome
  25. Non-Standard fonts in web?
  26. How to make Google Fonts work in IE?
  27. @font-face not working with specific version of Internet Explorer 11
  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