1

UI说默认字体效果不好,让使用思源黑体,全局使用的,应用于所有数字,字母,文字,不是特殊字体,单个字体文件8M,导致浏览网页的时候速度很慢,有什么办法优化?应该有人提字蛛,这个我试过了,压缩完还是8M,基本没变化

2019-09-11 提问
6 个回答
2

西文字体可以全量引入,就那么几十百把个字形,最大也就上百k
中文字体常用字3000个,不要全量引用,这一下就是几兆
最好是用哪些引入哪些:
字蛛:http://font-spider.org/
fontmin:https://github.com/ecomfe/fon...

字蛛是分析项目内文字,自动打包
fontmin 是你输入要用的文字和字体文件,自动生成

但是如果字形不确定的话,adobe 出过一个在线加载的方案,出现哪些字就加载哪些字,但是表现并不好。

另外自己引入字体的话,一定注意字体版权问题。

0

跟他解释为什么不能全量加载,找更高阶的人来决定是不是非要用这个字体,一般来说 font-family 里加一个就行了。

0

这可没多少办法,要用总得全部引入吧?唯一的办法是分步引入了。
把字体拆分开,首页引入所需部分,等网页全加载完毕,引入其他部分。这样之后的网页都不会卡了。

0

你可以了解一下字体转base64。https://transfonter.org/ 把你对应的字体转base64就行

0

字蛛可以的,如果你的页面是固定中文,全量英文数字是可以的。
建议你固定中文字体,英文和数字可以全量。

0

终极优化办法:开除那个UI,立马减少8M😁 其实这是本质上的问题

撰写答案

推广链接