模板网首页 > 工具素材 > 建站工具 >  Fontmin字体提取和压缩神器正文

Fontmin字体提取和压缩神器

资源介绍
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文件,直接运行,无需安装,截图如下:

Fontmin字体提取和压缩神器

3、在左边文本框输入用到的文字,字太多可以换行,把下载好的字体库拖拽到左下方,点击生成



4、 成功之后得到一个文件夹,里边有各种格式的字体



注:字体生成之后,不要关闭Fontmin,否则生成的字体会在Fontmin关闭后消失,因为都是缓存文件。可以将字体复制出来之后,再关闭Fontmin

5、可以看到压缩后的几个字体文件只有5KB,如果是H5或者混合app,直接引用*.css文件就可以了,字体路径都在里面写好了,非常方便。而小程序的话,需要的是最后一个*-embed.css文件,用记事本打开,把它复制到小程序app.wxss文件





6、在微信小程序中使用这个base64的字体:



最终效果:



非常完美!
Fontmin官网:https://ecomfe.github.io/fontmin/
下载 提取码/密码:swvk(点击复制密码)
3
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢