vue+element UI 学习总结笔记（二）_ 项目中使用iconfont+图解

使用步骤：

1. 从Iconfont+：选择字体；字库
2. 下载： 字体项目的zip（自定义）
3. 解压zip,
4. 添加到项目特定文件夹下
5.  项目中引用

从Iconfont+：选择字体：

图像字库网站注册登录

搜索需要的图标

加入购物车

在购物车中，可以添加到自己的项目中

下载： 字体项目的zip（自定义）：

 也可从购物车下载

解压zip,解压下载的代码：

添加到项目特定文件夹下-把解压后的代码添加到项目特定文件夹下：

项目中引用

 demo_index.html有使用图标的示例代码

项目中如何引用，有三种方式：我们用的事font class方式。

我们是在index.scss中引入：

例子代码是

<link rel="stylesheet" href="./iconfont.css">

不过，我们是vue项目，得用import导入 

主入口文件中，我们引入这个index,scss,所以所有页面都可以使用

使用：这个看看例子照搬吧