Working Webfonts With Cdn

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

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