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

【问题标题】：@font-face works on local server but not on production server - how to debug?@font-face 适用于本地服务器但不适用于生产服务器 - 如何调试？
【发布时间】：2015-02-10 22:09:34
【问题描述】：

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

在查看页面源代码时，我看到 @import url("{filepath}" 被正确调用。当我将 url 粘贴到地址栏中时，我看到文件和字体都在那里。

Firebug 告诉我字体已加载

GET fontawesome-webfont.woff

200 正常

谷歌浏览器也是如此

fontawesome-webfont.woff www.kenverse.com/sites/kenverse.com/files/fontyourface/local_fonts/Font_Awesome-normal-normal 获得 200 好的

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

【问题讨论】：

标签： fonts font-face font-awesome

【解决方案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 的第一个答案。非常感谢。

【讨论】：