Html 如何为Chrome编写@font-face

这是我在css中的@font字体：

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

后备方案适用于未安装自定义字体的最终用户

我已经在Ubuntu 18.04服务器（云中）上安装了自定义字体，但是当我从本地Chrome浏览器访问该站点时，开发人员控制台显示：

获取404（未找到）

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

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

---

谢谢你的帮助。我很困惑

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

/usr/share

。

谢谢。如何在@font-face规则中构造url？将字体放在可公开访问的url上并使用该url。例如，在我的web根目录中，我可以放置一个字体文件夹，@font-face规则将读取mydomain.com/fonts/（font-name）？但是Ubuntu没有在那里安装它们。那有关系吗？不，没关系。无论如何，您通常会使用专门为webfont使用而优化的字体文件。通过类似的方式运行

.otf

文件，并使用它吐出的内容。