在做vue项目的时候,我想使用小图标,于是我根据网上的教程
npm i --save font-awesome引入fontawesome
在main.js中加入了import 'font-awesome/css/font-awesome.min.css'
再使用基本的HTML语言正常引入,当我我以为万事大吉的时候,却发现页面根本不显示图标!
![](https://i-blog.csdnimg.cn/blog_migrate/f8a31b6f9a39c2eb6ce9d9fc5deed98b.png)
我去检查了几遍发现我引入的也没有错啊
![](https://i-blog.csdnimg.cn/blog_migrate/f6907f893332dd66813866c522afdebb.png)
于是我就去node-modules去找我引入的文件,发现引入的font-awesome文件夹里面根本就没有solid这些字体文件啊!
![](https://i-blog.csdnimg.cn/blog_migrate/a91350182afa650219f4eea54c9b0b7e.png)
于是我去官网下载了提供的文件
![](https://i-blog.csdnimg.cn/blog_migrate/b424c5d04c09843c05b9445f2bc33db0.png)
点开webfonts发现里面确实有solid相关的字体
![](https://i-blog.csdnimg.cn/blog_migrate/aaf697a5c274c2a8a2e6e164bbfe1b2b.png)
于是我把之前引入的font-awesome文件夹清空,这这些自己下载好的文件扔进去,再次在main.js中间引入,improt 'font-awesome/css/all.min.css' 于是我成功了
![](https://i-blog.csdnimg.cn/blog_migrate/358af21d4065bc4fbb68d00c7ebdedfb.png)