uniapp使用Iconfont流程记录-(2025/12/28)
·
win10 ===>HB4.87
此方法:H5,微信小程序可行
首先在iconfont创建项目,选择ttf,剩下都不要选

创建以后去选icon==》添加到项目中
准备完成
1、点击下载至本地
、
2、把下载的压缩包中,css文件和ttf文件放在项目中的随便一个文件夹中
例如:static/icon common/icon
3、在app.vue中

4、在你需要使用icon的地方
<view class="iconfont icon-mao "></view>
<view class="iconfont icon-lock "></view>
<view class="iconfont icon-home-active "></view>
方法二:
步骤都一样,唯一区别就是

上面咱们用的是font class方式
这次采用uniCode,生成在线链接
然后去到咱们项目中的
static/icon common/icon中的iconfont.css\
改!

并且记住。你粘贴过来链接前面不带
https:
记得粘过来加上!!!!!!!!!!

完事


更多推荐



所有评论(0)