css - Microsoft Sitka 字体不适用于 Chrome 和 Firefox

Question

我已将itka 横幅和sitka 显示字体添加到我当前正在开发的网站中。但字体没有渲染，我收到以下错误:

Failed to decode downloaded font: http://localhost:8080/design/fonts/SitkaBanner-BoldItalic.woff 2016-05-16 16:33:43.133 (index):1

OTS parsing error: OS/2: Failed to read version 5-specific fields

这对于每种文件类型都很常见。下面是我的字体代码:

@font-face {
    font-family: "banner";
    src: url("fonts/SitkaBanner-BoldItalic.eot");
    src: url("fonts/SitkaBanner-BoldItalic.eot?#iefix") format("embedded-opentype"),
    url("fonts/SitkaBanner-BoldItalic.woff") format("woff"),
    url("fonts/SitkaBanner-BoldItalic.woff2") format("woff2"),
    url("fonts/SitkaBanner-BoldItalic.ttf") format("truetype"),
    url("fonts/SitkaBanner-BoldItalic.otf") format("opentype"),
    url("fonts/SitkaBanner-BoldItalic.svg") format("svg");
}

我使用的是 PC，这在 safari 浏览器(Windows)上运行良好。感谢帮助。

Answer 1

这是因为 Sitka 包含一个特殊的 OpenType 表，即版本 5 OS/2 表，其中包含两个特殊字段:usLowerPointSize 和 usUpperPointSize，用于光学尺寸。 Chrome 的字体加载器不支持这些字段。