Question

我遇到@ font-face的问题。它实际上在Safari，Internet Explorer 7+和Firefox for Windows上完美运行，但在firefox for mac上完全没有。

我正在使用防弹@ font-face文章中的代码

这是我的代码：

@font-face {
    font-family: "QlassikMediumRegular";
    src: url("../fonts/Qlassik_TB.eot");
    src: local("Qlassik Medium Regular"), local("QlassikMedium"), url("../fonts/Qlassik_TB.ttf") format("truetype")
}

@font-face {
    font-family: "QlassikBoldRegular";
    src: url("../fonts/QlassikBold_TB.eot");
    src: local("Qlassik Bold Regular"), local("QlassikBold"), url("../fonts/QlassikBold_TB.ttf") format("truetype")
}

以下是我相关网站的链接：link text

Answer 1

我通常使用更加扩展的@ font-face声明：

@font-face {
font-family: 'TypewriterOldstyle';
src: url('../fonts/typeo-webfont.eot');
src: url('../fonts/typeo-webfont.eot?#iefix') format('eot'),
     url('../fonts/typeo-webfont.woff') format('woff'),
     url('../fonts/typeo-webfont.ttf') format('truetype'),
     url('../fonts/typeo-webfont.svg#webfonty9r23iiq') format('svg');
font-weight: normal;
font-style: normal;
}

您可以尝试在http://www.fontsquirrel.com/fontface/generator生成

Answer 2

出现同样的问题，字体给出了301错误，说我无法访问该字体文件。

对我来说最有效的方法是将字体文件放在与.css文件相同的目录中，没有麻烦的.htaccess或其他服务器配置文件。

所以我有一个外部fonts.css文件，其中包含字体目录中的所有css字体行。然后，我可以在页面上包含此.css文件，我想使用此字体。确保你没有制作额外的目录，这样你就可以在没有匿名目录的情况下调用字体。

更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

Mac上的Firefox 3.5和@ font-face

2 个答案: