web引入font字体文件太大，字体抽取

当只有一个活动页面或者一小段文字需要引入特殊字体，字体文件往往会有十几兆或者几十兆，特别在移动端或者弱网情况下有相当差的体验，一个14M左右的文件就需要加载12秒...

所以针对一些小范围使用字体文件或者页面变化不大的项目可以考虑把常用字体抽取出来再生成一个小的字体文件，再进行引入。

发现 fontmin 这个框架比较符合需求，它是第一个纯 JavaScript 字体子集化方案，可以使用node命令或者可视化窗口的形式进行操作

官网地址：http://ecomfe.github.io/fontmin/#banner

github地址：https://github.com/ecomfe/fontmin

800多kb生成后的字体文件只有十几kb，最后在项目中引入即可。

如果是整个web网站使用不适合，建议使用cdn加速的字体库或者寻找其他方案

web引入font字体文件太大，字体抽取相关推荐

html字体文件太大,css字体文件包太大无法引入怎么处理？
前端开发的同学,我们经常会碰到需要还原设计稿中的特殊字体.这时,我们可能会采用两种方案: 1.使用photoshop将文本图层单独导出成图片; 2.直接引入改字体的字体库.ttf文件首先第一种方案的 ...
html字体文件太大,引入第三方字体体积太大的问题
背景在做营销活动的时候,设计稿这边使用了"思源"的字体.为了统一整个页面的字体风格,于是就把用到的字体引进来项目,但是最后发现字体大小竟然达到了 14MB,加载时间为3.74秒, ...
html 中文字体文件太大,【字蛛】如何压缩体积大的中文字体包
FontSpider:字蛛中文字体压缩器是一个可以让网页自由引入中文字体的源码工具,通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压 ...
解决uniapp静态文件字体包太大打包大小超出限制
一.解决uniapp静态文件字体包太大打包大小超出限制 1.在app.vue文件下使用本地文件修改为网络路径文件大小超过20m可以使用cdn加速我使用unicloud(示例): <style ...
手机/微信/浏览器的字体设置太大，rem 计算不准确
手机/微信/浏览器的字体设置太大,rem 计算不准确的问题鉴于用微信的人特别的多,而且微信出了特别贴心的功能就是调整界面字体大小. 可是这一调 H5 就出问题咯...页面变得特别大,记录一下这个爬坑 ...
pdf文件太大怎么变小，如何压缩pdf大小
pdf文件太大怎么变小?如果你是Windows电脑,可以使用PDF编辑器来减小PDF文件的大小,比如这款出色的PDF压缩工具-易我PDF编辑器,它的"压缩"功能提供了两种减小文件大 ...
cdr文件太大怎么转成小内存 CDR文件太大打不开怎么办
使用cdr软件制作图形时,常常会将其制作成矢量图形.虽然矢量图形有着不失真.可任意放大等优点,但常会导致cdr文件过大.那么,cdr文件太大怎么转成小内存,CDR文件太大打不开怎么办?本文将会针对以上 ...
cad布局怎么用_CAD文件太大怎么办？只要用这三个方法，瞬间内存减少一大半
阅读本文前,请您先点击上面的"蓝色字体",再点击"关注",这样您就可以继续免费收到文章了.如果喜欢就关注订阅吧!也不要忘记点赞哦~亲,看的开心可以点个好看 . ...
cad布局怎么用_搞笑段子：CAD文件太大怎么办？只要用这三个方法，瞬间内存减少一大半...
阅读本文前,请您先点击上面的"蓝色字体",再点击"关注",这样您就可以继续免费收到文章了.如果喜欢就关注订阅吧!也不要忘记点赞哦~亲,看的开心可以点个好看 . ...

web引入font字体文件太大，字体抽取

web引入font字体文件太大，字体抽取相关推荐

最新文章

热门文章