html - 浏览器如何通过字体系列值选择正确的字体文件？

Question

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

另外一个相关的问题是，对于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'); 
}