Css @IE和FF中的字体

我正在尝试使用用font Squirrel（）创建的@font face工具包嵌入字体。虽然嵌入似乎在Chrome中工作，但IE和Firefox都没有显示这种字体。我已经仔细研究CSS好几个小时了，但似乎找不到问题所在。非常感谢您的任何输入。

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

您可以尝试以下结构：

@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+ */
}

---

摘自。

更确切地说，它只适用于合适的访问控制标题（谷歌字体就是这样工作的），请参阅。因此，解决方案是将字体与HTML文档放在同一台服务器上。在切换到相对URL和Fontspring@FF语法后，我的字体几乎可以在IE、FF和Chrome中使用。谢谢j-man86！然而，我仍然遇到一些问题，字体没有显示在Safari中。