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

news/2024/11/7 22:44:45/

背景介绍:

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

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

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

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

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

 

如何精简字体包

1、安装 Fontmin

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

  • Mac 安装包;
  • Windows 安装包;

2、用 Fontmin 生成精简字体包

 

操作步骤

操作步骤很简单:

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

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

 

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

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

字体转化1

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

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

 

下载,

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

 

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

 


http://www.ppmy.cn/news/241162.html

相关文章

Linux安装中文字体

前言 Linux系统默认是没有中文字体的,这就导致我们在做一些开发的时候容易出现中文字符乱码的现象,如图: 上图中只有数字和字母显示了,中文字符显示乱码,所以可以确定不是程序导致的乱码,而是因为linux系统…

linux如何安装中文字体库

Linux字体文件放在/usr/share/font/,只要将字体文件拷贝到这里就可以了。 这里示例安装Windows的所有字体。 1,新建路径存放字体库:/usr/share/fonts/ 2,进入Windows下> 的字体库目录c:\windows\Fonts。复制字体库到创建好的字…

spring cloud搭建(hystrix)

天行健,君子以自强不息;地势坤,君子以厚德载物。 每个人都有惰性,但不断学习是好好生活的根本,共勉! 文章均为学习整理笔记,分享记录为主,如有错误请指正,共同学习进步。…

LiangGaRy-学习笔记-Day20

1、raid磁盘阵列 1.1、阵列介绍 简称:独立冗余磁盘阵列 概念:把多块独立的物理硬盘按不同的方式组合起来形成一个硬盘组(逻辑硬盘)。从而提供比单个硬盘更高的存储性能和提供数据备份技术。 RAID可以预防数据丢失;…

【Web网站服务】Nginx优化

Nginx网页优化 一、配置Nginx网页缓存时间1.1设置方法 二、隐藏Nginx版本号2.1方法一:修改配置文件2.2方法二:修改源码文件,重新编译 三、修改用户与组四、日志切割五、连接超时六、更改进程数七、网页压缩八、配置防盗链九、Linux内核参数优…

【Spring Boot学习】今天是我的生日,舍友催我去吃饭,我还是坚持写完了Spring Boot配置文件,祝自己生日快乐哈

前言: 大家好,我是良辰丫,上一篇文章中我们已经学习了Spring Boot项目的的创建,今天我们会学习Spring Boot的配置文件,在今天的学习中我们会遇到许多我们不认识的注解,这些注解是Spring MVC中的,我们后续会介绍,大家先不用管这些注解是什么意思.那么,为什么不先学习MVC呢?我想…

挑选笔记本

中央处理器(英文Central Processing Unit,CPU)是一台计算机的运算核心和控制核心。CPU、内部存储器和输入/输出设备是电子计算机三大核心部件。其功能主要是解释计算机指令以及处理计算机软件中的数据。CPU由运算器、控制器和寄存器及实现它们…

OpenCL

转自:https://baike.baidu.com/item/OpenCL/8477301?fraladdin OpenCL(全称Open Computing Language,开放运算语言)是第一个面向异构系统通用目的并行编程的开放式、免费标准,也是一个统一的编程环境,便于…