0
点赞
收藏
分享

微信扫一扫

阿里矢量图标库字体图标使用(胎教)

GhostInMatrix 2022-03-12 阅读 142

一、先去阿里官网

IconFont:阿里巴巴矢量图标库是由阿里巴巴体验团队倾力打造的中国第一个最大且功能最全的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。内含矢量图标近百万个,是设计师和前端开发的便捷工具。

在我们需要图标的时候直接输入关键字搜索即可,例如:输入“高跟鞋”,便找到了359个相关图标,图标颜色可以根据喜好自行调配。下载格式支持SVG、AI、PNG。

同时,Iconfont是一个去中心化的平台,支持用户自行上传图标、收藏图标以及管理项目图标,总体而言非常实用。

iconfont-阿里巴巴矢量图标库

二、选择自己喜欢的图标并加到购物车

三、添加到项目(没有项目就建一个)并下载项目文件下来

四、我们使用css的引入方式,先记着这些图标编码一下用到

 五、使用

1.使用我们在html页面中引入icofont.css文件刚刚下载的图标资源

 2.按照阿里语法写入,刚刚的字体编码也写上

六、显示

可以看到我们已经成功了,哈哈哈大家继续加油!!!! 

举报

相关推荐

0 条评论