Vue项目字体文件过大,导致网页加载缓慢,使用字蛛解决。 |
您所在的位置:网站首页 › 我的世界加载时间太长怎么调 › Vue项目字体文件过大,导致网页加载缓慢,使用字蛛解决。 |
问题
网页如果使用自定义的字体,那就必须将字体文件放在服务器对应的文件夹下。但是一般字体文件都非常大,小则几MB,大则几十MB。如果全部从服务器加载到页面上,不仅占用带宽,而且网页加载的十分慢。正常情况下,我们并不会用到所有的中文,如果是文字内容变化比较小的情况下,使用字蛛压缩字体包大小是个不错的选择。 字蛛的原理就是将html页面中用到的所有文字统计起来,产生一个新的字体包,这个字体包仅仅包含你使用到的文字转换后的字体。 使用全局安装字蛛 没有安装node的参考:node.js安装教程 npm install font-spider -g新建一个index.html页面,页面内容中应该包含你要使用的文字内容,只要包含文字就行,没有标签的要求,字蛛会自己检索。 引入自定义字体。
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |