uniapp引入font-awsome字体图标-疑难解决

Posted 2020-11-13 Mankii

1、下载font-awsome

2、放入uniapp项目的common目录（通常是放这个目录）

3、修改font-awsome.css中的字体路径为线上路径（可以是cdn的路径）

最主要的，就是这一步，H5可以使用本地路径，但是app和小程序中必须使用网络路径或者转base64格式或图片格式，否则图标就变成一个 × 。我用了自家公司的cdn中的文件路径。

修改后，文件夹里的字体图标文件就不需要了，可以删除。整个/common/font-awsome目录就剩下一个font-awsome.css即可

PS：要注意的就是图标字体文件的版本要和css的版本一致，否则有的图标可能出不来。