Question

在我的页面上，我按如下方式调用字体：

<link rel="stylesheet" href="fonts/Bebas/stylesheet.css" type="text/css" charset="utf-8" /><!---BebasRegular --->

然后，当我参考字体时，我使用的代码如下：

#pagewrapper {
    font: 14px/1.4 'BebasRegular', sans-serif;
          }

最后，我直接从font squirrel使用以下代码：

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 18, 2012 03:57:10     PM America/New_York */
@font-face {
font-family: "BebasRegular";
src: url('BEBAS___-webfont.eot');
src: url('BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
     url('BEBAS___-webfont.woff') format('woff'),
     url('BEBAS___-webfont.ttf') format('truetype'),
     url('BEBAS___-webfont.svg#BebasRegular') format('svg');
font-weight: normal;
font-style: normal;

}

我只是直接从font squirrel解压缩，并没有更改任何其他文件或移出目录。

因此，该字体在chrome，即safari上完美运行。但是，在Firefox中是行不通的。我知道这不是一个非常有趣的问题 - 但我一无所知。出了什么问题？有谁能发现这个问题？

我觉得它的设置非常简单，任何问题都不应该存在......：）

Answer 1

检查字体系列名称。如何在两个实例中调用字体

font-family: "BebasRegular";

和

font: 14px/1.4 'BebasNeueRegular', sans-serif;

尝试@ font-face：

中定义的 BebasRegular

#pagewrapper {
font: 14px/1.4 'BebasRegular', sans-serif;
}

FontFace，Firefox问题......使用Font Squirrel

1 个答案: