如何在项目中使用阿里巴巴Iconfont图标字体

    xiaoxiao2024-12-19  61

    1.进入https://www.iconfont.cn/,注册登录账号

    2.查看“图标管理--我的项目”,然后新建项目,待会需要把图标添加到项目中(也可以添加图标的时候创建项目)

    3.在搜索框输入想要的字体图标,鼠标移动到图标上有三个选项,选择“添加入库”,购物车中就有了添加的字体图标

    4.点击购物车,选择“添加至项目”,项目既可以是已有的也可以是新创建的

    5.查看刚才添加字体图标的项目,下载至本地

    6.将解压出来的资源文件放到本地项目中, 利用<link rel="stylesheet" href="iconfont.css路径">引入

    7.查看如下内容,复制图标的代码

    使用

    <span class="iconfont fuzhidaima"></span>

    或者

    <i class="iconfont fuzhidaima"></i>

    即可显示该图标

    最新回复(0)