Google warning: Resource interpreted as Font but transferred with MIME type application/octet-stream

by

You need to add the following types to an .htaccess/IIS:

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/font-woff .woff

Updated .woff type from:

AddType application/x-font-woff .woff

(Thanks to @renadeen in comments below for pointing this out.)

Check out my answer to a similar question here: Font Face not loaded

Taken from here: font-face problem in chrome.

More Related Contents:

  1. Using custom fonts using CSS?
  2. Are eot, ttf, and svg still necessary in the font-face declaration?
  3. CSS @font-face not working with Firefox, but working with Chrome and IE
  4. Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading
  5. Why is @font-face throwing a 404 error on woff files?
  6. Wait for fonts to load before rendering web page
  7. Why should we include ttf, eot, woff, svg,… in a font-face
  8. @font-face EOT not loading over HTTPS
  9. @font-face anti-aliasing on windows and mac
  10. @font-face works in IE8 but not IE9
  11. CSS @font-face absolute URL from external domain: fonts not loading in firefox
  12. @font-face src: local – How to use the local font if the user already has it?
  13. CSS @font-face – what does “src: local(‘☺’)” mean?
  14. Multiple font-weights, one @font-face query
  15. Fallback fonts on special characters
  16. CSS @font-face not working in IE8
  17. font-face with wrong MIME type in Chrome
  18. Internet Explorer @font-face is failing
  19. Non-Standard fonts in web?
  20. On IE CSS font-face works only when navigating through inner links
  21. Using @font-face with Rails 3.1 app?
  22. Downloadable font on firefox: bad URI or cross-site access not allowed
  23. Fix custom font line-height with CSS
  24. Center multiple images horizontally in CSS
  25. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  26. Is there a way to make a child DIV’s width wider than the parent DIV using CSS?
  27. -webkit-margin adds unwanted margin on texts
  28. How to align nav items to the right in Bootstrap 5?
  29. What is the value of the css ‘ex’ unit?
  30. How to Identify Microsoft Edge browser via CSS?

Leave a Comment