如何为Chrome写@字体

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (5)

这是我在css中的@ font-face:

@font-face{
    font-family: CamphorW01-Thin;
    src: local(CamphorW01-Thin), 
         url('/usr/share/fonts/opentype/Camphor W01 Thin.otf');
}

回退适用于未安装自定义字体的最终用户。

我在Ubuntu 18.04服务器上(在云端)安装了自定义字体,但是当我从本地Chrome浏览器访问该站点时,开发控制台显示:

GET http://(IPAddress)/usr/share/fonts/opentype/Camphor%20W01%20Thin.otf 404(未找到)

自定义字体安装在/ usr / share / fonts / opentype /和/ usr / share / fonts / truetype /中,并重建了字体缓存。当我发出命令fc-list时,字体出现在列表中。我检查了拼写和路径,这一切都匹配。

上面显示的@ font-face行有问题吗?或者是别的什么?

谢谢您的帮助。我很困惑。

提问于
用户回答回答于

URL必须是URL,而不是路径。您的用户无法/usr/share从他们的浏览器访问。

扫码关注云+社区

领取腾讯云代金券