CSS 字体引入为什么只加载一个文件?

css 字体引入为什么只加载一个文件?

css 字体引入为什么只加载一个文件?

在一个包含两个 @font-face 声明的 css 文件中,其中第二个没有被引入网页。以下是如何解决此问题:

更改 @font-face 声明顺序,将缺少的字体声明放到第一个。比如:

@font-face {
    font-family: "PingFangSC-Light";
    src: url(../font/PingFangSC-Light.ttf);
}
@font-face {
    font-family: "PingFang SC";
    src: url(../font/PingFangSC.ttf);
}

如果仍然存在问题,请考虑以下可能性:

  • 本地字体安装:检查计算机上是否已安装缺少的字体。
  • 文件地址错误:验证 @font-face 声明的文件地址是否正确。

以上就是CSS 字体引入为什么只加载一个文件?的详细内容,更多请关注其它相关文章!