自定义字体未在Chrome中显示

Question

我在Ubuntu 18.04服务器上安装了一些自定义字体。它们可以在Firefox中正确呈现，但不能在Chrome中呈现。经过研究，我找到了一个答案，说在我的CSS中包含一个单独的@ font-face。

我当前的@ font-face是：

@font-face{
    font-family: (font-name);
    src: local(font-name);
}

他们说我应该像这样添加另一个@ font-face：

@font-face{
    font-family: (font-name);
    src: url('../font-name.ttf');
}

我的问题是：

1. 答案是否正确，或者还有另一种方法来获取自定义字体以加载到Chrome中？

2. Ubuntu 18.04中字体缓存的路径是什么？

谢谢。

Answer 1

对于初学者来说，您可以只使用速记。

@font-face{
    font-family: (font-name);
    src: local(font-name), 
         url('../font-name.ttf');
}

这将指示浏览器优先使用用户安装的字体副本（如果可用）（本地），如果在用户的设备上找不到字体，则退回到下载字体的副本（URL）。 url值可以是相对值或绝对路径-在这种情况下，字体文件必须位于css文件的父目录中。