CDN Font Problem

broken-fonts

Sometimes the fonts do not work after cdn integration because some browsers refuse to embed the fonts which come from a 3rd party URL because of security risk.

Cross-Origin Request Blocked

The solution is so easy for both Apache and Nginx.

Solution 1

Apache

You need to add the following code into .htaccess

Nginx

You need to add the following code into /etc/nginx/nginx.conf

Source: https://www.maxcdn.com/one/tutorial/how-to-use-cdn-with-webfonts/

Solution 2

The Solution 1 above must fix the problem but if Solution 1 does not fix, you can exclude the font extensions as below.