@font-face 在 FireFox 中不起作用，可能存在缓存问题？答案

【问题标题】：@font-face not working in FireFox, possible caching issue?@font-face 在 FireFox 中不起作用，可能存在缓存问题？
【发布时间】：2016-12-29 02:28:37
【问题描述】：

我以为我对此有所了解...以前它工作过很多次。这在 Chrome 中运行良好：

@font-face {
    font-family: 'idealsans_book';
    src: url('http://staceyclarke.com.s3.amazonaws.com/idealsans_book.eot'); /* IE fix */
    src: url('http://staceyclarke.com.s3.amazonaws.com/idealsans_book.eot?#iefix') format('embedded-opentype'), /* another IE fix */
         url('http://staceyclarke.com.s3.amazonaws.com/idealsans_book.wof') format('woff'),
         url('http://staceyclarke.com.s3.amazonaws.com/idealsans_book.ttf') format('truetype');
    src: local('idealsans_book'),
        url('fonts/idealsans_book.woff') format('woff');
}

但在 FF 中不起作用...我正在使用 Paul Irish's Bulletproof @font-face Syntax。

请帮忙。

【问题讨论】：

使用 FontSquirrel 之类的东西来生成 CSS，然后根据需要进行更改。在使用 font-face 时，我遇到了随机行为的问题，我发现他们这样做的方式几乎总是有效。
切换到他们的代码肯定有帮助:)——亚马逊没有为我的字体提供正确的 mime 类型！（也）
Amazon AWS 没有使用正确的MIME type 提供字体文件。

标签： css firefox font-face

【解决方案1】：

查看了 Chrome 和 FF（均已更新），看起来字体大部分工作正常。看一看（背景是镀铬，顶部是 FF）

也许它在您的端缓存。不过，我确实注意到 FF 中有一些奇怪的字符（见右下角，红色圆圈）。可以是字符集。

另外，看看我写的关于font-face in CSS3 的这篇博文。

此外，也许 Google 代码可以帮助您使用他们的新 font api。

【讨论】：

是的，我确实认为最终是缓存...谢谢！我还发现亚马逊不提供具有正确 MIME 类型的字体的困难方式！