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

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

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

选择svg文件,并导入

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

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

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

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

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

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

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

4.下载字体

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

5.检验字体文件

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

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

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

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

 

相关文章:

  • 2022-12-23
  • 2021-10-10
  • 2021-06-26
  • 2021-12-21
  • 2021-05-26
  • 2021-03-31
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-12-12
  • 2021-07-30
  • 2021-04-13
  • 2021-04-27
  • 2022-12-23
相关资源
相似解决方案