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

相关问题
最新问题