Font-face在firefox上不起作用。适用于其他人

Question

我有一个项目在一段时间内一直使用font-face而没有问题。 今天我检查了字体并没有在firefox v14和v15上运行，因为在这个帖子中就是这种情况下的v12 +：http://css-tricks.com/forums/discussion/17337/font-face-problem-with-firefox-v-12/p1 我的问题与上一个帖子完全一样。

总结一下。 我正在使用font face来加载这样的网络字体：

@font-face {
    font-family: 'TradeGothicLTStdCnBold';
    src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot');
    src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),
         url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'),
         url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
         url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdCnBold') format('svg');
    font-weight: normal;
    font-style: normal;

然后

#bea .bea {
    font-family: 'TradeGothicLTStdCnBold';
    font-size: 14px;
}

根据firebug正确加载字体。 它适用于safari，chrome，IE和一些firefoxs 。 我已经尝试了6个firefoxs（v13-15），它在其中一些工作，而不是在其他工作。我无法确定原因。

我也查找了firefox配置值     gfx.font_rendering.cleartype.always_use_for_content; 并且我注意到在我测试的所有firefox中都设置为false，即使是那些正常工作的。

实例： http://comoquierascolacao.com/jovenestalentos/

应该如何看待： http://postimage.org/image/n2r9fxdsv/

总结一下： - 路线有效。 - 路由在同一个域中，没有跨域问题。 - 它在一些firefoxs中有效，而在其他firefox中则没有（我无法理解）。 - 它之前在我自己的firefox中工作，可能在v12之前。

谢谢大家，非常感谢任何帮助，因为这让我疯狂。

Answer 1

我有同样的问题关于FF没有正确显示font-face。 以下是可能出现此问题的解决方法：

尝试在块的末尾声明“eot”字体。像：

@font-face {
font-family: 'TradeGothicLTStdCnBold';
src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'),
     url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
     url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdCnBold') format('svg');
src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot');
src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;

Answer 2

好吧，我的错。 毕竟这是一个跨域问题。 即使在访问www.domain...时从http://domain...加载的字体 将每个人重定向到www.domain应该可以解决问题，我认为从现在开始这将是一个很好的做法。 另一种解决方案是使用相对路径加载字体。

Answer 3

JavaScript控制台（Herramientas-＆gt; Desarrollador web-＆gt; Consola de errores）显示多个错误：

Fecha y hora: 13/09/2012 9:41:37
Advertencia: downloadable font: no supported format found (font-family: "TradeGothicLTStdCnBold" style:normal weight:normal stretch:normal src index:4)
source: (end of source list)
Archivo de origen: http://www.comoquierascolacao.com/jovenestalentos//style/style.css?v=1
Línea: 0
Código fuente:
@font-face {   font-family: "TradeGothicLTStdCnBold";   font-style: normal;   font-weight: normal;   src: url("/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix") format("embedded-opentype"), url("/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.woff") format("woff"), url("/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.ttf") format("truetype"), url("/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdCnBold") format("svg"); }

Answer 4

我的解决方案：在域名上使用www。工作一切都很好，但没有www。 FF问题apeared。 所以我使用重定向到www。在.httaccess：

RewriteEngine on
RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
RewriteRule ^(.*)$ http://www.example.com/$1 [R=301,L]

它有效！谢谢Hanoc