我的字体可以在任何浏览器中使用@ font-your-face在我的本地服务器中完美显示,但是将其上传到生产站点(https://kenverse.com)之后,这些字体将无法在Chrome,FF或IE10中加载,但可以完美地在Torch和Safari中加载。
在查看页面源代码时,我看到正确地调用了@import url(“ {filepath}”。将URL粘贴到地址栏中后,我看到文件和字体都在那里。
Firebug告诉我字体已加载
获取fontawesome-webfont.woff
200 OK
谷歌浏览器也是如此
fontawesome-webfont.woff www.kenverse.com/sites/kenverse.com/files/fontyourface/local_fonts/Font_Awesome-normal-normal GET 200 OK
请帮助我解决他的问题,谢谢!我正在使用Drupal CMS,而drupal SE人员要求我将主题移至此处。
通过将以下代码添加到我的.htaccess中来解决
<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "https://mysite.com"
</IfModule>
</FilesMatch>
归功于@ font-face上的第一个答案,不适用于chrome。太感谢了。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句