生成自定义图标字体
借助在线生成工具[IcoMoon](https://icomoon.io/)
单击 import icons 按钮 导入我们准备好的svg 图标,或者Add Icons From Library引用这个网站上的一些现成图标 ,白色表示选中
- 自定义的可以用AI直接画出来然后保存为svg格式
- 还可以用ps的自定义形状工具导出ai路径,然后用ai打开保存为svg文件
- png图片就没必要转换了
单击 import icons 按钮 导入我们准备好的svg 图标,或者Add Icons From Library引用这个网站上的一些现成图标
- 点击Generate Fonte进入设置页面,图标后面为字体的名字
- 点击download按钮下载至本地,接下后只需这两个文件,拷贝至项目文件夹下
使用图标字体
在页面引入
style.css
<link rel="stylesheet" type="text/css" href="css/style.css">
给标签加类名就可以所以图标字体
<span class="icon-dengpao"></span>
可以随意修改图标字体的大小颜色
文 章 随 便 转 载 ,请 注 明 出 处