为字体文件增添自定义图标

版权声明:如若转载,烦请联系作者。 https://blog.csdn.net/ZYD45/article/details/89640490

在前端开发中,有时候,字体图标都是从iconfont一类的网站抠下来的。抠下来的都是svg,这个时候如何增添到字体库中那?

1.将原本svg文件导入到了iconmoon官网

选择svg文件,并导入

2.追加要增添到字体的新图标 svg文件

这里最好把新的图标svg文件,放入到末尾

3.选择网站下的创建字体

4.下载字体

5.检验字体文件

studio字体查看工具(在附件里,安装时 看下ReadME.txt 看下如何安装),查看字体文件tff,是否有刚才的图标,同时记住编码

6.重命名svg,ttf,woff文件

将下载下来的svg,ttf,woff文件重命名,并替换原来的项目包里的fonts文件(即第一步里的文件夹里的文件)

猜你喜欢

转载自blog.csdn.net/ZYD45/article/details/89640490