Blog post

How to Fix CORS Errors for Font Files

Resolve font-loading CORS errors by adding the right Apache headers when assets are served through a CDN or separate domain.

You have set the CDN and you have a problem with the fonts, here is the solution.

Apache

Add this block to the .htaccess file and the htaccess.conf file at the very beginning

<FilesMatch ".(eot|otf|ttf|woff|woff2)">
   Header set Access-Control-Allow-Origin "*"
</FilesMatch>

Nginx

Add this block to the virtual host file and restart Nginx:

location ~* .(eot|otf|ttf|woff|woff2) {
   add_header Access-Control-Allow-Origin *;
}

Once the additions have been made, it is still necessary to invalidate the files saved on the CDN.

Relevant services

These service pages are matched from the subject matter of this article, creating a cleaner path from educational content to implementation work.

Continue reading

Based on shared categories first, then the strongest overlap in tags.