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

使用前的准备和三种使用方式介绍,参考这里

开始使用:

  1. 点击下载到本地

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

  2. 在了路径 src/assets 下新建文件夹 iconfont ,用来存放字体图标的本地文件
  3. 解压下载到本地的字体图标文件,放到 iconfont 文件夹下
  4. 如过项目中没有下载 css-loader 依赖包,就进行下载,否则会报错

    npm install css-loader -D
  5. 然后引入样式并使用即可。

     
        
     
     
     

效果如下:
在vue项目中(本地)使用iconfont字体图标的三种方式_第2张图片

你可能感兴趣的:(iconfont,vue.js,前端)