分享：字体抽取小工具&一款免费商用的字体

• 抖音：https://v.douyin.com/iA8M1am/

• B站：https://www.bilibili.com/video/BV1Ah4y1771f/

工具：

https://github.com/ecomfe/fontmin-app

「优设标题黑」字体：

https://www.uisdc.com/uisdc-first-free-font

分享一个小工具啊

特别好用叫fontmin-app

什么意思呢

他可以把我们这个字体提炼

出我们想要的文字

比如说我们一个项目里边

有一些文字是固定的

就那么几个字

比如说这个状态

我们呢想把它换一个字体

但是呢我们又不想把整个字库加进来

所以呢我们在这把这个软件下载下来

它有Windows版有Mac版啊

我这装好了就是这个

然后呢我们把想要的写的文字

在这里都写出来

写好之后呢注意把这个拖过来

把这个下好的字体文件打开

现在是1.4兆

（一会我给大家推荐一个字体啊特别好）

然后呢注意拖之前我们把这个

文件名改好

比如说这个ys-title

这个未来就是你

CSS里边用的font family的名字

所以一定要先改好再拖过来

拖完之后啊在这点生成大家看

生长好的文件有多大呢

大概一共就29k

然后呢大概里边它都替你写好CSS了

我们可以直接啊

把这个目录放到项目里

比如说我们这个

vue项目把它放到src/assets里边

然后呢

然后把它import进来（把这个css）

然后呢我们直接用font-family

等于刚才这个字体名字就可以了

最后再给大家安利一下这个字体

叫优设标题黑

它这个字体我觉得特别适合做一些

比如说状态啊这种文字

而且它的好处是免费商用的