Html 如何在Firefox中正确呈现@font-face？

我正试图在Chrome、Safari、Firefox和IE中使用@font-face。对于IE，我甚至不知道该怎么做，但对于其他浏览器，我希望@font-face部分能够正常工作

以下是我使用的：

  @font-face {
  font-family: "Handwriter";
  src: url("/folder/Font-Regular.otf");
  }

然后我也试着：

 @font-face {
 font-family: "Handwriter";
 src: url("http://www.domain.com/folder/Font-Regular.otf");
 }

使用这两个选项中的任何一个都可以在Chrome和Safari中正确呈现，但不能在Firefox中正确呈现。有趣的是，如果我使用Firebug并转到CSS文件并再次重写名称，那么它就会呈现它。此外，字体文件在我的服务器上，我正在同一个域上进行渲染。所以我不确定这里出了什么问题

试试这个（使用自定义字体）。记住格式很重要：

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

---

来源：

这不是广告：D

---

我成功地使用了generator:）如果您有z ttf文件，其余的都是小菜一碟：）

您也可以尝试FontSquirrel字体面生成器URL，使字体需要相对才能在Firefox上工作，或者您可以配置服务器以允许访问它们。