Question

我已将sitka banner和sitka显示字体添加到我正在处理的网站中。但是字体没有渲染，我得到以下错误：

无法解码下载的字体：http://localhost:8080/design/fonts/SitkaBanner-BoldItalic.woff   2016-05-16 16：33：43.133（指数）：1

OTS解析错误：OS / 2：无法读取特定于版本5的字段

这在每种文件类型中都很常见。下面是我的字体代码：

@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 Table，即版本5 OS / 2表，它包含两个特殊字段：usLowerPointSize和usUpperPointSize，用于光学大小。 Chrome的字体加载器不支持这些字段。

Answer 2

一年之后，仍然存在同样的问题，即消失的CSS编码@ font-face ...靠近任何Mathew Carter祝福铸造厂。情况越来越糟。听TED.com Ted Talks的演出表明我接受了失败。它涉及到向量的W3过渡，其中PNG叠加滑出像素，仅通过SVG替换来校正。卡特的字体都采用抗锯齿，具有无与伦比的工业精度。仔细观察他臭名昭着的Skia字体，并在Activity Monitor中观看fontd和launchd，他的字体很忙，部分原因是Apple和Microsoft加密保护。此外，因为背景矢量转换正在适应抗锯齿。卡特的字体是完美的系统压力。他避免像瘟疫一样的直线。这进一步使系统从基于像素的显示迁移到基于矢量的图形关联变得复杂。如果您将Apple RTF中的Sitka或Skia或Carter的任何字体保存为HTML，则字体[curves]将被编码：

＆＃13;

<!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>

＆＃13;

这与SVG图形完全不同，其中的块充满了变换和转换。在代码编辑器上面打开，添加一个空格，系统做出反应。 Safari中的字体显示损坏，代码无法调用字体。苹果更高的支持，看着这种情况发生在我使用共享屏幕。这些字体是加密的，仅供系统使用，它会以某种方式阻止显示。 Fontlab处理Skia的678 Kb以提取类型面，我们只得到一个65 Kb Skia-Regular.ttf。在101fonts.com上完成，而不是像自由分发的Skia字体一样。但只有一种可用的字体，常规。无法通过Apple的加密破解。 Apple知道本地文档中相关的样式崩溃，但是＆＃34;我们不知道该怎么做。＆＃34;当然！

矢量麻痹的另一个症状是使用像Verdana或Georgia这样的Carter标准和JPG或PNG文件，系统常常无法在本地网页中显示图形，资源被束缚和引导＆＃39;印刷曲线。苹果再次说，＆＃34;检查你的字体。＆＃34;检查他们......什么？ TTF是否会成为GIF恐龙的方式？ SVG字体替换？

Microsoft Sitka字体无法处理chrome和firefox

2 个答案: