I’m using W3 Total Cache with no issues, except for font-face fonts I’m embedding in CSS code.
In Firefox, fonts are not showing correctly. Please see this page: http://bit.ly/cy23Fj with IE, Chrome and Firefox.
Seems the solution is here:
Firefox supports TrueType fonts (.ttf) as well as OpenType fonts with TrueType (.ttf) or PostScript (.otf) outlines.
Same-origin rule: By default, Firefox will only accept relative links. If you want to use absolute links or include fonts from different domains, you need to send these fonts with Access Control Headers.
No further explanation.
I have addedd this code to my htaccess file:
# example Apache .htaccess file to add access control header <FilesMatch "\.(ttf|otf)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
No positive result.
When I deactivate the plugin, as the fonts are again called from the same domain, the result is ok.
I’m completely lost with this… and websites look horrible without the font.
Any idea of how can I solve this?
- The topic ‘[Plugin: W3 Total Cache] Font-face not working in Firefox’ is closed to new replies.