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

1、下载font-awsome

2、放入uniapp项目的common目录(通常是放这个目录)

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

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

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

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

转载于:https://www.cnblogs.com/mankii/p/11493329.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值