如何在 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+ */
}

source: CSS3请 http://css3please.com/