网站引入PingFang加载缓慢如何处理求助

@Ta 2022-04-25 2785点击
因为pingfang字体可以一句话即可把简体字css为繁体,但是引入的平方字体包加载时太过缓慢网页加载出来了字体还没出来,求助虎友看看有什么解决办法
// 只需要加上以下样式
// 但由于该样式需要配合繁简转换的字体使用
// 而 Windows 和 Android 的默认字体不支持繁简转换
// MacOS 和 IOS 默认字体 PingFang 支持繁简转换
// 所以只能在 MacOS 和 IOS 上生效
body {
    font-variant-east-asian: traditional;
}
 
// 那么 Windows 和 Android 怎么办呢?
// Windows 和 Android 不自带 PingFang 字体和其他支持繁简转换的字体
// 所以首先去下载一个 PingFang 字体(其他可支持繁简转换的字体也是可以的)
// https://github.com/zongren/font/blob/master/PingFang-SC-Regular.ttf
// 下载完成后引入到项目 CSS 文件中(以Vue的项目为例)
@font-face {
    font-family: "PingFang SC";
    src: url("~@/assets/fonts/PingFang-SC-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
// 然后 Windows 和 Android 都生效了
body {
    font-family: "PingFang SC";
    font-variant-east-asian: traditional;

————————————————
版权声明:本文为CSDN博主「ʎʍ」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_42643612/article/details/123088417
回复列表(7|隐藏机器人聊天)
添加新回复
回复需要登录