Working Webfonts with CDN | NetDNA Support

When using Webfonts via @font-face or other CSS3 methods, some browsers like FireFox and IE will refuse to embed the font when it’s coming from a 3rd party URL because it’s a security risk. The solution is very simple. A few lines in your .htaccess file will solve the problem permanently.

Please add these lines to your .htaccess, preferably at the top of it.

Recommended .htaccess configuration

RewriteEngine On
IndexIgnore *
Options +FollowSymLinks -Multiviews -Indexes
#### The above lines should be always at the top of your .htaccess
AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
<FilesMatch "\.(ttf|otf|eot)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

RewriteEngine On

IndexIgnore *

Options +FollowSymLinks -Multiviews -Indexes

#### The above lines should be always at the top of your .htaccess

AddType font/ttf .ttf

AddType font/eot .eot

AddType font/otf .otf

Header set Access-Control-Allow-Origin "*"

</IfModule>

</FilesMatch>