阿里字体图标使用步骤

搜索字体图标并添加入库

在这里插入图片描述

将库图标添加至项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

更新代码并复制

在这里插入图片描述

替换文件相应代码

在这里插入图片描述

新增图标样式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用字体图标

<li class="iconfont icon-xinzeng"></li>

控制字体图标样式

<style>
	.icon-xinzeng{
		font-size:20px;
		color:#ff9900;
	}
</style>

猜你喜欢

转载自blog.csdn.net/weixin_42000816/article/details/120415930