码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2019-09-09 19:41:56      阅读:551      评论:0      收藏:0      [点我收藏+]

标签:使用   aws   字体   base   目录   some   mon   必须   注意   

1、下载font-awsome

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

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

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

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

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

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

标签:使用   aws   字体   base   目录   some   mon   必须   注意   

原文地址:https://www.cnblogs.com/mankii/p/11493329.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!