Microsoft Sitka 字体不适用于 chrome 和 firefox

Question

我已将 sitka 横幅和 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包含一个特殊的OpenTypeTable，版本5OS/2table，它包含两个特殊字段：usLowerPointSize和usUpperPointSize，用于光学尺寸。 Chrome 的字体加载器不支持这些字段。

Answer 2

一年后，CSS 编码@font-face 消失的情况仍然存在同样的问题......在任何 Mathew Carter blessed Foundry 附近。情况越来越糟糕。听 TED.com Ted Talks 表明我从失败中汲取了教训。它涉及到矢量的 W3 过渡，其中 PNG 叠加层滑出一个像素，仅通过 SVG 替换进行校正。 Carter 的字体都采用抗锯齿技术，具有无与伦比的工业精度。仔细观察他臭名昭著的 Skia 字体，并观察 fontd 并在 Activity 监视器中启动，他的字体很忙，部分原因是苹果和微软的加密保护。此外，因为背景矢量翻译正在适应抗锯齿。 Carter 的字体是完美的系统压力源。他避开任何像瘟疫一样的直刃。这进一步使系统从基于像素的显示迁移到基于矢量的图形关联变得复杂。如果您将 Sitka 或 Skia 或任何 Carter 字体从 Apple RTF 保存到 HTML，字体 [曲线] 编码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <title></title>
  <meta name="Generator" content="Cocoa HTML Writer">
  <meta name="CocoaVersion" content="1504.83">
  <style type="text/css">
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 64.0px Skia}
    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Verdana}
    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 36.0px Skia}
    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 36.0px 'Skia Light'}
    p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; font: 36.0px 'Skia Condensed'}
    span.s1 {font: 36.0px Skia}
  </style>
</head>
<body>
<p class="p1">Skia</p>
<p class="p2">Do not edit this document. It is only for viewing.</p>
<p class="p3">Skia regular</p>
<p class="p4">Skia light</p>
<p class="p3"><b>Skia bold</b></p>
<p class="p3"><b>Skia black</b></p>
<p class="p3">Skia extended</p>
<p class="p3">Skia light extended</p>
<p class="p3"><b>Skia black extended</b></p>
<p class="p5">Skia condensed</p>
<p class="p3">Skia light condensed</p>
<p class="p5"><b>Skia black extended</b><span class="s1"><b><span class="Apple-converted-space"> </span></b></span></p>
</body>
</html>

这完全不像 SVG 图形，块中充满了变换和过渡。在代码编辑器中打开上面，添加一个space，系统反应。 Safari 中的字体显示损坏，代码无法调用字体。 Apple 高层支持，使用共享屏幕与我一起观看这一切。字体已加密，仅供系统使用，这会以某种方式阻止显示。 Fontlab 处理 Skia 的 678 Kb 来提取字体，我们只得到一个 65 Kb 的 Skia-Regular.ttf。完整，而不是剪切，就像 101fonts.com 上免费分发的 Skia 字体一样。但只有一种字体可用，Regular。无法破解 Apple 的加密。 Apple 知道本地文档中的相关样式崩溃，但是 "We don't know what to do." 当然！

矢量瘫痪的另一个症状是使用 Carter 标准，如 Verdana 或 Georgia 以及 JPG 或 PNG 文件，系统经常无法在本地网页中显示图形，资源受限 'vectoring' 排版曲线.又是 Apple，说 "Check your fonts." 检查它们然后...什么？ TTF 会重蹈 GIF 恐龙的覆辙吗？ SVG 字体替换？

Microsoft Sitka 字体不适用于 chrome 和 firefox

Microsoft Sitka font not working on chrome and firefox

css

firefox

fonts

google-chrome

font-face