@ font-face适用于本地服务器但不适用于生产服务器 - 如何调试？

Question

我的字体在我的本地服务器中使用@ font-your-face与任何浏览器完美显示，但在将其上传到生产网站（https://kenverse.com）后，Chrome中的字体不会加载， FF或IE10，但它在Torch和Safari中完美加载。

在查看页面源时，我看到@import url（＆＃34; {filepath}＆＃34;被正确调用。当我将url粘贴到地址栏时，我看到文件在那里，以及字体。

Firebug告诉我字体已加载

获取fontawesome-webfont.woff

200 OK

Google Chrome也是如此

fontawesome-webfont.woff www.kenverse.com/sites/kenverse.com/files/fontyourface/local_fonts/Font_Awesome-normal-normal GET 200 行

请帮我解决他的问题，谢谢！我正在使用Drupal CMS，而drupal SE的人让我把这个主题移到这里。

Answer 1

通过将以下代码添加到我的.htaccess

来解决

<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "https://mysite.com"
</IfModule>
</FilesMatch>

归功于@font-face not working on chrome的第一个答案。非常感谢你。