0

红色数字

这些数字是什么意思？

询问的原因是字体未使用以下 CSS 正确呈现：

@font-face {
    font-family: 'letter';
    src: url('../fonts/letter-bold.otf') format('opentype');
    font-weight: bold;
}

.title {
    font-size: 22pt;
    font-family: letter,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

不是这里的问题，但您可以在评论中回答 -从相对于 css 文件的路径加载是否'../fonts/'正确？@font-face

4

2 回答 2

0

Chrome 可以渲染 OTF 字体文件吗？我相信 Chrome 使用 .woff 字体类型进行字体嵌入。如果您没有 woff 文件类型，请使用 font squirrel 生成新的字体源。EOT 用于 IE，Woff 用于 Safari/Chrome，它还会为您输出 TTF 和 SVG。

我认为这将解决问题。

这是生成器的链接：http ://www.fontsquirrel.com/fontface/generator

于 2012-11-22T21:34:03.047 回答
0

这意味着发生了错误。在 Firefox/Firebug 中，没有资源选项卡，但在网络选项卡中，它会显示304 Error not found for the same font files。

由于 MIME 设置，字体无法下载。@font-face 不能在 Windows 服务器上工作？

此 SO 答案中提供了正确的 MIME 类型：Proper MIME type for fonts

于 2012-11-22T20:00:40.417 回答