Chrome 无法解码下载的字体 OTS 解析错误:post: Failed to parse table

Meo*_*Beo 7 fonts google-chrome

我在使用 yojo.ttf 字体时遇到问题。这是我的简单 html 代码

<html>
<head>
    <style>
        @font-face {
            font-family: 'yojo';
            src: url('./yojo.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }
    </style>
</head>
<body>
    <p style="font-family: 'yojo'">?????</p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

yojo.ttf

这种字体在Safari上运行良好,但在chrome和firefox上不起作用:段落中文本的字体不是yojo字体系列,控制台只显示警告信息:

无法解码下载的字体 OTS 解析错误:post: Failed to parse table

有没有办法在不修改字体文件的情况下解决问题?谢谢!

小智 9

我知道这有点旧,你可能已经想通了,但以防万一你没有或有人有同样的问题......

有同样的问题,基本上Chrome和其他浏览器似乎无法读取.ttf字体格式。这是我修复它的方法:

将您的 .ttf 文件转换为其他字体格式,如 .eot 和 .woff 格式。

你可以通过访问这个网站来做到这一点......

https://transfonter.org/

上传您的字体,然后选择您需要的所有格式(我选择了所有格式),我认为您可以将其他所有内容保留为默认设置。

变压器屏幕

然后点击下载按钮。您将获得一个包含所有字体文件格式的压缩文件和一个 css 样式表,该样式表为您提供了一个示例,说明您的 @font-face 声明应该是什么样子。您可以将其复制到您的 css 文件中,或者只是进行您自己的声明。当然,您还应该将字体文件放在您希望站点访问它们的位置。

现在它应该适用于 Chrome、Safari 和 Firefox。但不确定其他浏览器!

我希望这对你或某人有帮助。

  • 我真的很感谢你的回答。我已将 TTF 文件转换为 WOFF2,它有效并解决了!你救了我!非常感谢&lt;3 (2认同)