码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-06-06 14:26:48      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:ast   一个   Fix   开发   term   prism   右上角   选项   text   

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

具体描述

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

具体操作

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

技术图片
3. 点击左上角的import Icon导入需要转换的svg图片

技术图片
4. 点击右下角的Generate Font生成字体

技术图片
5. 单独配置具体项目(可选)

技术图片
6. 也可以在左上角的首选项进行输出具体设置(可选)

技术图片
7. 点击右下角的download下载,可以得到一个压缩包

技术图片

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

 

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

标签:ast   一个   Fix   开发   term   prism   右上角   选项   text   

原文地址:https://www.cnblogs.com/jeacy/p/13054552.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!