您好,欢迎来到必去网!
当前位置:必去网 » 文章资讯 » 经验百科 » 内容详细

阿里巴巴iconfont怎么使用教程

2025-06-03 11:38

iconfont是阿里妈妈MUX倾力打造的矢量图标管理、交流平台,设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。

1、进入阿里巴巴矢量图标库官网,然后注册登录,或者用github登录。

2、找到图标管理->我的项目->然后新建项目:右边点击新建项目,用于保存自己常用的图标。

3、项目新建完成后,往项目里添加我们要想使用的图标,找到图标库,搜索一个想要的图标,然后添加到购物车。

4、添加到购物车完成后,购物车徽章数字应该显示1了,点击右上角的购物车图标,选择添加至项目,选择刚刚创建的项目,确定。

5、将打包好的字体文件下载到本地添加到你的项目中,在项目中引用文件中的iconfont.css文件。

6、创建一个i标签或者span标签,添加两个类名,一个固定的是iconfont,另一个是你想要的那个图标对应的类名。

  • 免责声明:本页面展示的内容不代表必去网立场,且不承担任何经济和法律责任,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。