使用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>


yojo.ttf

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



有什么方法可以在不修改字体文件的情况下解决此问题?谢谢!

最佳答案

我知道这有点老了,您可能已经知道了,但是以防万一您没有或有人遇到相同的问题...

遇到了同样的问题,基本上,Chrome和其他浏览器似乎无法读取.ttf字体格式。这是我的解决方法:

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

您可以通过转到此网站来实现...

https://transfonter.org/

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

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

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

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

希望对您或某人有帮助。

关于google-chrome - Chrome无法解码下载的字体OTS解析错误: post: Failed to parse table,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/52088484/

10-11 22:48
查看更多