1. 在阿里图标官网http://iconfont.cn/勾选要的加到项目图标下载
2. 三种模式详细看官网下载到本地 这里用fontclass
3.下载的文件解压有多个 参考官网 http://iconfont.cn/help/detail?spm=a313x.7781069.1998910419.15&helptype=code
4.如选用fontclass点击下载的文件demo_fontclass.html浏览器打开能看到你的下载图标
5.图标文件引入全局 下载文件放static下 我这sass不兼容必须放static下，main中引入 import './../static/iconfont/iconfont.css' /*引入公共图标样式*/
6.引用 用 i 或 span 标签 <i class="iconfont icon-xxx"></i>
注意点
1.静态web字体 所以要放static里面
2.要想保持下载的原颜色 ，使用symbol 模式，很简单改下引入的文件 改成iconfont.js
2-1.使用
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-weifachaxun"></use>
</svg>
网友评论