font-face没有在Firefox上显示

我的@ font-face在我试过的每一个其他浏览器中都能正常工作，但是在Windows上的Firefox上，它会加载字体资源，但会显示回退。这是有问题的代码：font-face没有在Firefox上显示

@font-face { 
    font-family: 'VanillaRegular'; 
    src: url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.eot'); 
    src: url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.woff'), 
     url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.ttf'), 
     url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.svg#VanillaRegular'); 
    font-weight: normal; 
    font-style: normal; 
}

然后我嵌入了这样的：

.post h3 { 
border-bottom:1px solid #c7e7fa; 
color:#51514E; 
font-size:22px; 
font-weight:bold; 
line-height:1.4em; 
margin:0.25em 0 8px; 
padding:0 0 4px; 
font-family: "VanillaRegular", Arial, sans-serif; 
}

有没有办法，我特别需要针对Firefox做一些事情，或者仅仅是我的代码？

编辑：应该添加，使用Firefox 8，最终产品是在Blogger上。

来源

2011-12-13 Space

如果将'ttf'字体放在最后？你需要所有其他的后备？ – Blender

最后放置ttf并没有帮助，所有其他回退都是首选，因为较老的Internet Explorer版本上的很多用户都会访问。 – Space

把这些字体放在你自己的服务器上，他们会工作。 Firefox不能外包字体。

来源

2011-12-13 04:48:18 henryaaron

这就是奇怪的部分！它适用于小演示页面，但不适用于将其嵌入网站中的情况。（这是在博客上的方式） – Space

@Space编辑我的答案 – henryaaron

啊，这是有道理的。遗憾的是，Blogger不允许您托管文件。（不是我对主持人的选择...... Blogger有时很烦人！）感谢您的帮助。 :) – Space

我相信这是因为你有

@font-face { 

... Snip 

font-weight: normal; 
font-style: normal; 
}

和你的CSS你有

.post h3 { 
... snip 

font-weight:bold; 

... snip 
}

除非你有更多的代码中有你需要另一个声明的粗体字。

结账css3.info的文章。

来源

2011-12-13 04:41:56

这使得总体感觉，我试过了，但无济于事。仍然显示备用字体。 – Space

@space wait ...我应该先问：你使用的是哪个版本？ –

我使用Firefox 8. – Space

font-face没有在Firefox上显示

回答

相关问题