使用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>
此字体在Safari上运行良好,但在chrome和firefox上不起作用:该段落中文本的字体不是yojo字体系列,并且控制台仅显示警告消息:
无法解码下载的字体OTS解析错误:发布:无法解析表格
是否可以在不修改字体文件的情况下解决问题?谢谢!
答案 0 :(得分:0)
我知道这有点老了,您可能已经知道了,但是以防万一您没有或有人遇到相同的问题...
有同样的问题,基本上Chrome和其他浏览器似乎无法读取.ttf字体格式。这是我的解决方法:
将.ttf文件转换为其他字体格式,例如.eot和.woff格式。
您可以通过访问此网站来做到这一点...
上传字体,然后选择所需的所有格式(我选择了所有内容),我认为您可以将其他所有内容保留为默认设置。
然后点击下载按钮。您将获得一个具有所有字体文件格式的压缩文件和一个CSS样式表,该示例为您提供了@ font-face声明的外观示例。您可以将其复制到您的css文件中,或仅进行自己的声明。当然,您还应该将字体文件放置在您希望站点从中访问它们的位置。
现在它应该适用于Chrome,Safari和Firefox。不过不确定其他浏览器!
希望对您或某人有帮助。