firefox @ font-face不起作用

我想在我的博客博客上使用自定义图标字体。如果我理解正确，Firefox需要下载文件来自同一个域。它在我的Chrome上工作正常。我也在使用类似工作的Google网页字体。我用谷歌代码托管图标。firefox @ font-face不起作用

这里：http://www.tipsontricks.com/p/test.html Chorme和其他工作，但在Firefox中没有

下面是我使用

@font-face { 
    font-family: 'JustVector'; 
    src: url('xyz.eot'); 
    src: url('xyz.eot?#iefix') format('eot'), 
     url('xyz.woff') format('woff'), 
     url('xyz.ttf') format('truetype'), 
     url('xyz#webfontkw9J4lGf') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

.iconfont{ 

font-family: 'JustVector'; 
}

代码任何帮助，将不胜感激:)

来源

2012-08-24 John Xc

我有同样的问题，并升级后的FireFox，它适用于我。 –

您应该使用这个语法：

@font-face { 
    font-family: 'WebFont'; 
    src: url('myfont.eot?#') format('eot'), /* IE6–8 */ 
     url('myfont.woff') format('woff'), /* Firefox 3.6+, IE9, Chrome 6+, Safari 5.1+*/ 
     url('myfont.ttf') format('truetype'); /* Safari 3—5, Chrome4+, Firefox 3.5, Opera 10+ */ 
}

这里是一个很好的Paul Irish blog post，

，并有上Css3Please

来源

2012-08-24 00:23:12 Krycke

这句法是我使用的格式：

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

body {font-family:'Blah'}

来源

2012-08-24 00:38:26 zenkaty

我刚刚下载的Firefox 19.0.2。使用@ font-face和Font Squirrel webkit时出现问题。 Firefox中的字体不能正确显示，但在Safari和Chrome浏览器中却没有问题。

原因是Firefox中隐藏了一个首选项，需要检查它以便Firefox能够在网页上显示自定义字体。

Firefox的首选项>内容>字体&颜色>高级按钮>并勾选“允许页面使用自己的字体，而不是我的选择上面的”

这解决了这个问题对我来说，花费约4后今天数小时尝试各种代码更改，但无效。 Aaargh！

Firefox现在显示的字体与Safari和Chrome相同。

来源

2013-03-10 05:13:32

该选项被选中为默认选项，但是@ font-face不起作用 – Miron

上面的答案仍然不适用于我在FF中，但是，我的字体在所有其他浏览器中工作。

Google Webfonts有我想要的字体，但质量却很低。

@Kate，使用我自己字体的FireFox“Prefences”已经是默认设置，如果不是，我会感到惊讶。

对我来说，这仍然是一个谜，为什么像FF这样的开发浏览器即使2年后也不能解决问题。我的FireFox是最新的。

谢谢大家，让我的一天更轻松一点。

来源

2014-12-29 22:48:27

firefox @ font-face不起作用

回答

相关问题