uniapp中如何使用iconfont

lxf2023-04-24 07:52:02

在uniapp中使用iconfont方法:首先下载所需的图标;然后选择unicode点击生成代码;然后回到iconfont.css并打开css文件;最后需要在[///at】前面加上【https:】,并调用iconfont。

uniapp中如何使用iconfont

本教程操作环境:windows7系统,uni-app2.5.1版本,Dell G3电脑。

推荐(免费):uni-app开发教程

iconfont方法用于uniapp:

第一步

先去iconfont选择要使用的图标

uniapp中如何使用iconfont

第二步

下载图标

uniapp中如何使用iconfont

第三步

下载后打开文件,除了iconfont.删除所有css的其余文件

uniapp中如何使用iconfont

第四步

回到自己的iconfont项目,选择unicode点击生成代码,如果之前生成过,可以忽略这一步跳到第五步

uniapp中如何使用iconfont

第五步

生成完成后点击复制代码

uniapp中如何使用iconfont

第六步

回到iconfonticonfont.css并打开css文件,注意红框内容,全部删除,替换成第五步刚刚复制的

uniapp中如何使用iconfont

第七步

更换后,需要在//at前添加https:

uniapp中如何使用iconfont

第八步

调用iconfonticonfont