@字体面在IE和FF

我试图嵌入使用具有字体松鼠（jsfiddle here）创建了一个@字体面试剂盒中的字体。虽然嵌入式似乎在Chrome中运行，但IE和Firefox都不显示字体。我花了好几个小时浏览CSS，但似乎无法找到问题所在。任何输入是不胜感激。@字体面在IE和FF

来源

2012-09-01 Marcatectura

至少在firefox中，@ font-face URL需要相对于文档根目录。换句话说，从Firefox中的网站以外的URL导入字体将不起作用。 IE也可能是这样，但我不确定。

来源

2012-09-01 02:06:13

更确切地说，它只会用合适的访问控制头工作（这是谷歌的字体是如何工作的），看http://stackoverflow.com/questions/11616306/css-font-face-absolute-url-from-external-域的字体，不加载功能于Firefox浏览器。所以解决方法是将字体放在与HTML文档相同的服务器上。 –

切换到相对URL和Fontspring @FF语法后，我已经得到了在IE，FF和Chrome几乎工作的字体。感谢j-man86！不过，我仍然遇到了在Safari中不显示字体的问题。 – Marcatectura

-1

你可以试试这个结构：

@font-face { 
    font-family: 'WebFont'; 
    src: 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+ */ 
}

从CSS3Please服用。

来源

2012-09-01 02:08:31 Krycke

@字体面在IE和FF

回答

相关问题