具体描述

  • 在项目开发当中,我们常常遇到需要将获取到的svg转换为,css可用的图标字体,那么具体该如何进行操作呢

具体操作

  1. 登录icomoon
  2. 点击右上角登录旁边的icoMoon App

如何制作图标字体(如何将svg转换为css可用的图标字体)
3. 点击左上角的import Icon导入需要转换的svg图片

如何制作图标字体(如何将svg转换为css可用的图标字体)
4. 点击右下角的Generate Font生成字体

如何制作图标字体(如何将svg转换为css可用的图标字体)
5. 单独配置具体项目(可选)

如何制作图标字体(如何将svg转换为css可用的图标字体)
6. 也可以在左上角的首选项进行输出具体设置(可选)

如何制作图标字体(如何将svg转换为css可用的图标字体)
7. 点击右下角的download下载,可以得到一个压缩包

如何制作图标字体(如何将svg转换为css可用的图标字体)

8.在项目中导入font字体文件后于css中使用时设置具体class即可

相关文章:

  • 2022-12-23
  • 2021-11-30
  • 2021-10-26
  • 2021-12-20
  • 2021-05-29
  • 2021-07-14
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-08-09
  • 2021-11-22
  • 2021-11-26
  • 2021-04-27
  • 2021-10-17
  • 2021-11-13
相关资源
相似解决方案