vue里怎么使用字体图标（Vue项目实战系列文章）

vue里怎么使用字体图标（Vue项目实战系列文章）import './assests/stylus/iconfont.css'将iconfont.css放入stylus目录svg eot ttf woff为四个字体文件css为样式文件将四个字体文件放入iconfong目录

Iconfont简介

Iconfont-国内功能很强大且图标内容很丰富的矢量图标库 提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造 设计和前端开发的便捷工具。

进入iconfont官网

网址：www.iconfont.cn

注册&登录，可以用github登录

找到 图标库--官方图标库

将需要的图标放入购物车，进入购物车并加入项目，将项目中的图标下载到本地。

下载到本地，解压缩

svg eot ttf woff为四个字体文件

css为样式文件

创建目录 src/asserts/stylus/iconfont

将四个字体文件放入iconfong目录

将iconfont.css放入stylus目录

打开iconfont.css并修改url路径

main.js中引入iconfont.css

import './assests/stylus/iconfont.css'

页面使用iconfont图标

找到需要使用的图标的十六进制编码，可以到官网查找