6

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

我正在使用来自防弹@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")
}

这是我的网站的链接：链接文本

4

2 回答 2

2

我通常使用更扩展的@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生成

于 2012-06-15T13:40:51.537 回答
0

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

最适合我的是将字体文件放在与 .css 文件相同的目录中，无需使用 anny .htaccess 或其他服务器配置文件。

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

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

于 2014-04-02T15:12:17.390 回答