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

Question

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

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

Answer 1

用于在css中放置本地.ttf字体并指定系列中的粗体，中等或任何样式，其中font-family是指定权重的别名：

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