如何在vue项目中本地使用iconfont字体图标的三种方法？

本文共计526个文字，预计阅读时间需要3分钟。

目录 + Vue项目中（本地）使用iconfont字体图标 + 开始使用 + Vue项目中（本地）使用iconfont字体图标 + 这里介绍使用前的准备和三种使用方式，参考这里 + 还有 + Vue中手动封装iconfont组件（三种引用方式）

目录

• vue项目中(本地)使用iconfont字体图标
• 开始使用

vue项目中(本地)使用iconfont字体图标

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

还有 vue中手动封装iconfont组件（三种引用方式的封装）

开始使用

点击下载到本地

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

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

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

npm install css-loader -D

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