Web Font Console Issues

I often use web fonts across a number of client sites, whether it be recreating their logo or just jazzing up the typeface across the site.

Anyone who uses Web Fonts and pays attention to their consoles, will be accustomed to the following warnings:

Screen dump of Google Chrome's console with errors

The console shows that the resource cannot be interpreted as a Font. This is because there is no standard MIME type for Open Type Fonts. Fear not readers, as there is a solution to this problem. This includes adding the following to your .htaccess file:


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

Another solution for this issue is to use your MIME type application on your servers control panel. Speaking from experience with cPanel, this is exceptionally easy. You just simply ignore the AddType part of the statement and put ‘application/vnd.ms-fontobject’ as the MIME type and finally the ‘.eot’ as the Extension guy.