第一步:找须要的
去https://www.iconfont.cn/找到须要的图标下载到本地
第二步:增加
下载好解压进去,增加到我的项目文件夹中
第三步:援用
- 在路由文件中用
import '../../font/iconfont.css'
引入。
我这里用router当作路由文件夹,所以router文件夹下的index.js就是路由文件,就没用src目录下的main.js当作路由文件 在要应用图标的页面中援用
<i class="iconfont icon-zhuye"></i><i class="iconfont icon-dingdan"></i>
我这里就用了下面两行就行了,看有的办法要在<style></style>里写
@import url("../../font/iconfont.css");
不晓得是不是我的我的项目进行到前面就要用到
四、留神:肯定要在<i></i>
的class中退出iconfont
(这是我踩的坑,小声bb)