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

标签 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 文件?

最佳答案

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

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

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

关于css - Chrome 开发者工具中字体资源旁边的数字是什么意思?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13519165/

相关文章:

python - 使用 mechanize 获取数据的替代方案?

javascript - 如何修复扫雷程序中超出的最大调用堆栈大小

html - 为什么 float 元素在使用宽度时不能并排对齐?

html - 如何将 css 内容属性设置为表行中的动态值

javascript - 为什么 Firefox 执行 Javascript 的速度比其他浏览器快得多

google-chrome - 如何从命令行将假媒体流传递给 Firefox?

html - 垂直对齐输入?

google-chrome - chrome - 不要等到所有数据都收到 - node.js

Android - 如何检查是否启用了开发者选项

docker - 在 dockerized 开发环境的上下文中, "build artifact"是什么意思?