1.将 png 格式的图标转成svg格式
推荐 https://jinaconvert.com/ 这个网站
2.将 svg 格式的图标转成字体图标
推荐 https://icomoon.io/ 这个网站
使用:
1.点击右上角 IconMoon App 进入WebApp
2.点击左上角 Import Icons 批量倒入之前已经转成 svg 的图标文件
3.点击左上角 Import Icons 批量倒入之前已经转成 svg 的图标文件
4.点击选中所倒进来的图标,也可以点击右边的 menu 图标全选
5.点击右下角 Generate Fonts 生成图标
6.点击右下角已经变成 Download 的按钮,下载 iconfonts 压缩包
3.引入字体图标到项目中
1、拷贝style.css 和 fonts
2、引入 style.css
使用:
<link rel="stylesheet" href="./icomoon/style.css" />
<span class="icon-1"></span>