如何解决使用后备字体实现嵌入式 TTF 字体
我有一个专门介绍 Quest for Glory 系列视频游戏的网站,我正在尝试实现一种名为 Honorquest 的 truetype 字体,该字体在某些游戏中使用过。几天前它可以短暂工作,但现在我无法让它工作。相反,我总是看到我的后备字体显示,这是一种从 Fonts.com 链接的像素化字体。
相关页面在这里: https://bdferr.github.io/quest-for-glory4.html
https://bdferr.github.io/quest-for-glory1.html
TTF 在样式表的开头是这样指定的:
@font-face {
font-family: gloryquest;
font-style: normal;
src: url("fonts/gloryquest.ttf") format("ttf");
}
我尝试添加“font-display:block”或“font-display:swap”,但这似乎没有任何改善。
后备字体通过 HTML 文档头部的这个元素链接:
<link rel="stylesheet" href="https://fast.fonts.net/cssapi/35bb4fcb-e728-4a43-9ecf-79aafffd52cb.css"/>
这是我在 Firefox 开发者工具中收到的错误消息:
可下载字体:未找到支持的格式(字体系列:“gloryquest”样式:正常重量:400 拉伸:100 src 索引:1)来源:(来源列表末尾)
我在 Chrome、Brave 或 Opera 上没有收到与字体相关的错误消息。
我在自己的机器上安装了字体,在 Word 文档中使用它没有发现任何问题,所以我认为文件本身没有问题。
我还在另一个 QFG 页面上成功实现了另一种 TTF 字体,完全没有问题(这没有 Fonts.com 后备字体):https://bdferr.github.io/quest-for-glory3.html
那个是这样指定的:
@font-face {
font-family: SierraSCImenu;
font-style: normal;
src: url("fonts/Sierra-SCI-Menu-Font.ttf");
}
也就是说,我没有在那里指定“格式(“ttf”)”,但是如果我在其他页面上不使用它,我会收到如下错误消息:
无法解码下载的字体:http://localhost:8000/fonts/gloryquest.ttf
OTS 解析错误:cmap: 解析表失败
请指教!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。