May 29, 2011 15
Have you seen a warning like this in your web browser console?
“
Resource interpreted as Font but transferred with MIME type ...“
Some browsers, like Google Chrome, will show this warning when a font is downloaded from a web server that sets an unexpected MIME type for fonts.
For many font types, there is a solution!
Feb 27, 2011 5
In a previous post, Correct MIME Type for CSS Web Fonts, I discussed the lack of official, standards-based MIME types for various web fonts.
In the 18 months since then, the state of MIME types for web fonts largely remains the same:
Because there are no defined MIME types for TrueType, OpenType, and WOFF fonts, the MIME type of the file specified is not considered.
— @font-face, Mozilla Developer Network
Aug 9, 2009 7
Support for CSS3 Fonts via @font-face is now available in Microsoft Internet Explorer, Mozilla Firefox, and Apple Safari, with support in Opera and Google Chrome due soon.
With increasing support, more sites are being designed with web fonts. However, many web servers are not providing the correct MIME type for these files.
For the Apache web server, the following configuration in an .htaccess file will provide the correct MIME type for web fonts:
AddType application/vnd.ms-fontobject .eot
AddType application/octet-stream .otf .ttf
