当前位置： 首页 > 资讯

为何 CSS 引入多个字体文件时，只加载了后一个文件？

发布日期： 2024-11-03 阅读量： 作者： 网络

为何 css 引入多个字体文件时，只加载了后一个文件？

为何 css 字体引入只加载一个文件？

在使用 css 引用多个字体文件时，遇到只加载了一个文件的情况，且加载的是后一个文件，令人疑惑。

这是因为浏览器在解析 css 文件时，会优先使用第一个 @font-face 声明的字体文件。在这种情况下，第一个声明引用的是 "pingfangsc-light.ttf"，而第二个引用的是 "pingfangsc.ttf"。因此，浏览器仅加载了 "pingfangsc-light.ttf"。

建议将需要优先加载的字体声明放在第一个 @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);
}

html {
    font-size: 13.333vw !important;
    font-family: "PingFangSC-Light", "PingFang SC";
}

相关文章： 2020年网站优化的7个SEO核心技巧！抖音引流到微信怎么做？分享6个方法！如何用手机赚钱？最容易赚钱的10个手机赚钱项目送给你！如何推动秀场直播快速发展？游戏运营思维值得借鉴！鞋包产品推广,鞋包免费发布信息平台 cpa新手如何引流男性涩粉？推荐这几个渠道和方法！聊聊提高用户粘性对网站优化排名引流的好处没本钱怎么在手机一天赚500？这3个简单无门槛的方法轻松实现！网站推广专家推荐外链投票和用户投票的提高网站权重法站长联盟的盈利模式都有哪些？个人网站赚钱的三大方法！二手车手机游戏推广,二手车免费b2b网站大全想要通过广告联盟赚钱所必须知道的五个要点！通过开发app来赚钱主要有哪些赚钱模式？ cpa赚钱之如何推广粉象生活赚佣金？看完这一套完整的app推广攻略，再也不用担心app引流获客了！点击广告赚钱是真实的吗？是不是骗局？旅游酒店外贸网络推广,旅游酒店网络推广网站广告联盟源码不知道在哪下载？这个广告联盟平台源码推荐给你！怎么让自己的网站更赚钱？利用网站广告赚钱的四大方法！广告联盟赚钱是什么？哪个联盟平台比较靠谱收益好？广告宣传方式有哪些？目前最常见的15种广告宣传方式盘点！蜜视app，在上面开启一场完美的邂逅！五大包包奢侈品的免费推广平台，附网站网址 2021网站内容优化这么做，快速提高网站排名淘宝红人新品是什么？怎么提高新品权重？引流没效果？想要提升引流效果你要掌握这四条核心要素！教你如何利用app交叉推广来0成本推广自己的app，大量吸粉！ app推广中所说的app买量是什么意思？一位大神的广告联盟赚钱经验分享，脚踏实地才是正途！联盟营销是什么？加入联盟营销有什么好处?

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯8809 】【 SEO推广8858 】

上一篇: 用python识别火车票信息

下一篇: 自动抢票软件github

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发