0

在我的页面上，我将字体称为如下：

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

然后，当我提到字体时，我使用如下代码：

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

最后，我直接从字体松鼠使用以下代码：

/* 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;

}

我只是直接从字体松鼠解压，没有更改任何其他文件或将任何内容移出目录。

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

我觉得它的设置如此简单，不应该有任何问题的余地...... :)

4

1 回答 1

0

检查字体系列名称。在这两种情况下，您如何称呼字体是不同的

font-family: "BebasRegular";

和

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

尝试@font-face 中定义的BebasRegular ：

#pagewrapper {
font: 14px/1.4 'BebasRegular', sans-serif;
}
于 2012-08-26T00:24:23.453 回答