July 1, 2016 at 2:27 pm #6081
In Firefox and IE the fonts loaded well.
But in Chrome and Opera do not load. Also when I want to see on the phone (android) i have the same problemJuly 1, 2016 at 2:37 pm #6082
I add the following: inspect the code I see an error message
Failed to load resource: the server responded with a status of 404 (Not Found)
And the file is hosted on that route. I checked by FTPJuly 1, 2016 at 3:43 pm #6083
It means that your server is not allowing to load the font files. Can you please keep this in your htaccess file and try ? The above link will not give 404 when the blocked is removed.
<FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
If this doesn’t work, please ask your host provider to enable font (woff and eot format) for loading.
ThanksJuly 8, 2016 at 12:30 am #6105
.htaccess file corresponds add if the server is IIS? (My client has a plan Hosting with Windows and IIS on other issues).
I’m putting the site on WP there anyway. The problem is for the above?
In the same hosting provider (but Linux account) it works properly.July 8, 2016 at 1:22 pm #6108
Dinesh, the solution is really simple, just include the next block in the <system.webServer> section of the web.config file of our project:
<Remove fileExtension = “. Woff” />
<MimeMap fileExtension = “. Woff” mimeType = “application / x-font-woff” />
</system.webServer>July 8, 2016 at 5:53 pm #6109
Sorry about the delay in reply.
Glad you have fixed it and thank you so much for sharing the solution here.
The topic ‘Font not load in Chrome and Mobile’ is closed to new replies.