Chrome开发者工具中字体资源旁边的数字是什么意思?

时间:2012-11-22 19:46:07

标签: css google-chrome developer-tools

Red numbers

这些数字是什么意思?

询问的原因是使用以下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;
}

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

2 个答案:

答案 0 :(得分:0)

这意味着出现了错误。在Firefox / Firebug中,没有资源选项卡,但在网络选项卡中,它将显示相同字体文件的 304 Error not found

由于MIME设置,字体无法下载。 @font-face not working on windows server?

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

答案 1 :(得分:0)

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

我认为这样可以解决问题。

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