Fontmin字体提取和压缩神器
作者:程序员11 时间:2023-02-08 人气:589 QQ交流群\邮箱:1003265987@qq.com
Fontmin字体提取和压缩神器
要展示的内容
微信小程序为使用特殊字体提供了下载特殊字体的方法:
wx.loadFontFace({ family: 'GJGMedium', source: 'url("https://zijiadewangzhi.com/font/GenJyuuGothic-Medium.ttf")', success(res){ console.log(res) }, fail: function (res) { console.log(res) }, complete: function (res) { console.log(res) } })
但是这种方法不好用,第一是字体大,下载慢,第二是还必须得https路径,否则在IOS下下载失败。而且还会一直在控制台报faild to load font的错,虽然可以不用管。
一个中文的字体,往往几兆十几兆,而我们通常只会使用到 其中的十几个字体样式。有没有方法把需要用到的字提取出来,单独搞个字体包呢?Fontmin就是这么做的!
使用方法
1、我们以“FangZhengzyjt.TTF”为例,字体大小为2.73M,其实我们只需要0-9,“折”、“满减”、“现金券”这几个字,截图如下:
2、下载解压(下载地址见文章末尾下载按钮),会得到一个Fontmin-v0.2.0-win64.exe文件,直接运行,无需安装,截图如下:
3、在左边文本框输入用到的文字,字太多可以换行,把下载好的字体库拖拽到左下方,点击生成
4、 成功之后得到一个文件夹,里边有各种格式的字体
注:字体生成之后,不要关闭Fontmin,否则生成的字体会在Fontmin关闭后消失,因为都是缓存文件。可以将字体复制出来之后,再关闭Fontmin
5、可以看到压缩后的几个字体文件只有5KB,如果是H5或者混合app,直接引用*.css文件就可以了,字体路径都在里面写好了,非常方便。而小程序的话,需要的是最后一个*-embed.css文件,用记事本打开,把它复制到小程序app.wxss文件
6、在微信小程序中使用这个base64的字体:
使
温馨提示:
欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。
- 上一篇:html引用ttf字体文件
- 下一篇:Ueditor代码高亮
HTML5-热门文章
活跃用户












