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

我将一些新的字体文件，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，每个文件的正确家族名称是什么字体文件是否要让浏览器使用特定字体文件呈现？

最佳答案

为了将本地.ttf字体放入CSS中并指定系列中的粗体，中号或任何样式，其中以下font-family是指定粗细的别名：

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

关于html - 浏览器如何通过font-family值提取正确的字体文件？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34736406/