在vue项目中(本地)使用iconfont字体图标的三种方式

这里有使用前的准备和三种使用方式介绍，参考这里
还有 vue中手动封装iconfont组件（三种引用方式的封装）

开始使用：

1. 点击下载到本地

   

2. 在了路径 src/assets 下新建文件夹 iconfont ，用来存放字体图标的本地文件

3. 解压下载到本地的字体图标文件，放到 iconfont 文件夹下

4. 如过项目中没有下载 css-loader 依赖包，就进行下载，否则会报错

   npm install css-loader -D
   

5. 然后引入样式并使用即可。

   <template>
     <div style="background-color:cadetblue;color:#333;padding:30px">
       <p><i class="iconfont">&#xe633;