已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > HTML/CSS/JS > 讨论/求助

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

作者: @Ta

时间: 2022-04-25

点击: 2784

因为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|隐藏机器人聊天)』

1. @老虎会游泳
(/@Ta/2022-04-25 17:15//)

2. @兲蛋,cdn
(/@Ta/2022-04-25 18:52//)

3. @相思,cdn会延迟覆盖原有文字
(/@Ta/2022-04-25 18:58//)

4. 字蛛好像是解析静态页面的文字后,在字体包选择文字,页面太多了好像不适用
(/@Ta/2022-04-25 19:02//)

5.

@兲蛋,我不会

(/@Ta/2022-04-25 19:44//)

6. @兲蛋,理论上请求不会有区别吧?cdn加速不是正好解决访问慢吗?
(/@Ta/2022-04-26 16:56//)

7.

@兲蛋,百度一下 font-display

https://www.baidu.com/s?ie=UTF-8&wd=font-display
小米MIX2s(白)

(/@Ta/2022-04-27 17:55//)

回复需要登录

9月14日 23:25 星期天

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1