Question

我们刚开始使用Amazon Cloudfront的CDN来加载我们的文件，但我们无法在Firefox中加载@ font-face字体。根据一些建议，我们将以下代码添加到我们的htaccess文件中，但它似乎无法解决问题。

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

字体有时会显示，但我们仍然会在控制台中看到每种字体的错误。您可以在http://wiredimpact.com处查看。

另外，我过去了解的主要WordPress帖子是http://wordpress.org/support/topic/plugin-w3-total-cache-font-face-not-working-in-firefox?replies=21。

有关如何正确加载Firefox中的字体的任何建议吗？

感谢。

修改

我将htaccess中使用的代码调整为：

<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*.wiredimpact.com"
  </IfModule>
</FilesMatch>

这不仅添加了font.css文件，这似乎在Firefox中有所帮助，但它也只从我们的子域加载，这更好地用于安全目的。这些字体现在似乎在Firefox中加载，但错误仍然显示在控制台中。

Answer 1

正如icoMoon fonts doesn't show-up on Firefox中@meaganoff所说：

我也遇到了icomoon和Firefox的问题。你有没有尝试过 Paul Irish's 'bulletproof' @font-face syntax？这有点儿与icomoon输出的不同，我有更好的运气 - 自那以后没有FF问题。
@font-face {
    font-family: 'Graublau Web';
    src: url('GraublauWeb.eot?') format('eot'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf')
格式（ '的TrueType'）; }

像魅力一样工作！

Firefox字体的跨站点访问错误

1 个答案: