观书散遗帙,探古穷至妙。这篇文章主要讲述uniapp引入font-awsome字体图标-疑难解决相关的知识,希望能为你提供帮助。
1、下载font-awsome
【uniapp引入font-awsome字体图标-疑难解决】2、放入uniapp项目的common目录(通常是放这个目录)
3、修改font-awsome.css中的字体路径为线上路径(可以是cdn的路径)
最主要的,就是这一步,H5可以使用本地路径,但是app和小程序中必须使用网络路径或者转base64格式或图片格式,否则图标就变成一个 ×
。我用了自家公司的cdn中的文件路径。
修改后,文件夹里的字体图标文件就不需要了,可以删除。整个/common/font-awsome目录就剩下一个font-awsome.css即可
PS:要注意的就是图标字体文件的版本要和css的版本一致,否则有的图标可能出不来。
推荐阅读
- Android Studio 如何获取 text文本内容
- Android-jacoco代码覆盖率(单元测试覆盖率+功能测试覆盖率)
- uni-app的view和text标签
- appium--元素定位
- LeetCode 528. Random Pick with Weight / 497. Random Point in Non-overlapping Rectangles
- uni-app底部导航栏
- Dapper use Table Value Parameter in C# (Sql Server 数组参数)
- darknet使用ncnn并移植到android
- 18-2-call和apply