如何为Chrome编写@ font-face

Question

这是我在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浏览器访问该网站时，开发控制台会显示：

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

自定义字体安装在/ usr / share / fonts / opentype /和/ usr / share / fonts / truetype /中，并且字体缓存已重建。当我发出命令fc-list时，字体显示在列表中。我检查了拼写和路径，并全部匹配。

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

感谢您的帮助。我很困惑

Answer 1

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