Recently I have upgraded my blog theme, here you can see that I have used different webkit fonts in this. I had a problem when I have moved this theme to live site. Everything was working fine in local environment.
But on live site these webkit fonts are not loading at all. This problem was for Mozilla and Internet Explorere only. For other browsers everything was working fine.
After a few minutes of quick search I found the solution for this. The problem is that webkit fonts has issue in loading the fonts from other domains and my CSS files are loading from subdomain.
Here (Earlier) fonts are searving from the subdomain which is static.xpertdeveloper.com, which was creating problem and fonts were not loading on Mozilla and Internet Explorer.
As I have mentioned that, I have done a quick search for this and found the solution for the same. So now to make your fonts loading from subdomain also you need to make some twicks in your htaccess file.
This is because Firefox thinks that cross domain fonts embedding is an bad idea. We need to place below code in htaccess file to allow font embedding from different domains.
Firefox thinks that cross domain fonts embedding is an bad idea.
So here I have learned new thing which I thought good to share with all the developers. So after following this article you will not have any more problem with loading/embedding fomts from different domains.
Avinash Zala currently working at a leading web development company as a Sr. PHP Web Developer. He is the founder of the Xpert Developer. He has completed B.E. in Information Technology. Born and brought up in Ahmedabad. He loves to code and coding is all about passion for him. Follow him on twitter at Avinash Zala & Xpert Developer.
View all posts by: Avinash