1、下載font-awsome
2、放入uniapp項目的common目錄(通常是放這個目錄)
3、修改font-awsome.css中的字體路徑為線上路徑(可以是cdn的路徑)
最主要的,就是這一步,H5可以使用本地路徑,但是app和小程序中必須使用網絡路徑或者轉base64格式或圖片格式,否則圖標就變成一個 × 。我用了自家公司的cdn中的文件路徑。
修改后,文件夾里的字體圖標文件就不需要了,可以刪除。整個/common/font-awsome目錄就剩下一個font-awsome.css即可
PS:要注意的就是圖標字體文件的版本要和css的版本一致,否則有的圖標可能出不來。