【字体包】如何精简字体包

本文介绍了如何通过 Fontmin 工具来精简中文字体包,解决因字体包大小导致的加载速度问题。包括Mac和Windows的安装方法,以及非ttf字体转换步骤,以确保在不影响设计效果的同时,优化用户体验。

背景介绍:

设计师老说我们的效果和设计图相差很大,

然而这不是必然的么,因为他用的是思源黑体,而我们用的是系统自带的微软雅黑。

不是没考虑过用字体包,然而「中文字体包太大了,动辄好几MB,安装包变大了,会影响用户安装的。」

「英文字体包虽然小一些,也有几十KB。一般小程序上百KB,加了字体包后加载会慢很多的。」

因为字体包的容量问题,通常工程师会说服设计师「就用系统默认的字体」吧。设计师心有不甘,还是这个字体好看啊,但也没办法,只好从了。

 

如何精简字体包

1、安装 Fontmin

推荐使用 Fontmin 。对工程师来说,功能够强大。对设计师来说,操作够友好。

2、用 Fontmin 生成精简字体包

 

操作步骤

操作步骤很简单:

  • 把需要用到文字写在左上角的「文本片段」区域;
  • 把 ttf 格式的字体文件拖到左下角的输入框;
  • 点击「生成」按钮;
  • 搞定!

然而,我的字体不是ttf,于是,只能找一个转格式。

 

3、字体不是 ttf 格式怎么办?

Cloud Convert 可以帮你把 otf、eot、svg、woff 格式转为 ttf 格式。

字体转化1

操作步骤如下(以 otf 格式为例):

  • 上传 otf 文件;
  • 转成 ttf 格式(大约一分钟);
  • 下载转好的 ttf 格式;

 

下载,

按着上面的步骤来一次,最终生成:

 

参考文章:https://www.jianshu.com/p/81f2b9a75182

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值