在IE和FF中@ font-face

Question

我正在尝试使用使用Font Squirrel（jsfiddle here）创建的@ font-face工具包嵌入字体。虽然嵌入似乎在Chrome中运行，但IE和Firefox都没有显示字体。我已经仔细研究了CSS几个小时，但似乎无法找到问题所在。任何意见都非常感谢。

Answer 1

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

Answer 2

你可以试试这个结构：

@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。