Not all web servers know how to handle webfont formats (like WOFF) out of the box.

When using Symbolsets on the web, make sure your web server is sending the correct MIME types for the best possible experience across browsers.

Format Content type
WOFF application/x-font-woff
TTF application/x-font-ttf
EOT application/
SVG image/svg+xml

For most web servers, you can achieve this by adding the following lines to your [.htaccess]( file:

AddType application/x-font-woff woff
AddType application/x-font-ttf ttf
AddType application/ eot
AddType image/svg+xml svg

For Rails, add the following to config/initializers/mime_types.rb :

Mime::Type.register "application/x-font-woff", :woff
Mime::Type.register "application/x-font-ttf", :ttf
Mime::Type.register "application/", :eot
Mime::Type.register "image/svg+xml", :svg

If you are not sure, check with your hosting company for support.

You’ll be serving up webfonts like a boss in no time.