浏览器如何通过 font-family 值获取正确的字体文件？

Question

我将一些新的字体文件，Apple 的 PingFang 文件，许多 .ttf 文件复制到我的 CentOS /usr/share/fonts 目录并通过命令 fc-cache -fv 重建字体缓存，似乎成功了。但是当我运行 fc-match 'PingFang' 时，结果不是新安装的字体文件。有什么事？

另外一个相关的问题是，对于苹果的PingFang家族，有很多文件，比如PingFang Bold.ttf PingFang ExtraLight.ttf PingFang Heavy.ttf PingFang Light.ttf PingFang Medium.ttf PingFang Regular.ttf，什么是正确的家族如果我希望浏览器使用特定字体文件进行渲染，每个字体文件的名称？

Answer 1

用于将本地 .ttf 字体放入您的 css 并指定粗体、中等或任何字体家族中的样式，其中下面的 font-family 是指定粗细的别名：

@font-face {
    font-family: "PingFang";
    src: url("PingFang-Medium.ttf") format('truetype'); 
}