使用iconfont阿里巴巴矢量图标库(最方便的使用方法)

使用iconfont阿里巴巴矢量图标库(最方便的使用方法)

https://www.iconfont.cn/阿里巴巴矢量图标库
看着挺多的,仔细看内容并不多。图文并茂哦!
第一步:登陆后。喜欢哪个放到购物车
在这里插入图片描述
第二步:下载代码。会下载到一个压缩包
的的的的的

在这里插入图片描述
下载解压出来
在这里插入图片描述
把下载后解压的的font_y8f10rhuo28文件扔到code编辑器里,在需要字体图标的html文件中引入iconfont.css就行。只引入这一个css文件就好! 其他的可以删除了。
在这里插入图片描述
在这里插入图片描述

效果就是这样滴!
在这里插入图片描述

补充:在这里插入图片描述
红线后面的文件都是我加入购物车中的那些图标,只是文件的格式不同,为了兼容不同的浏览器;

码字不易,屏幕前的大帅比!点个赞再走吧!


版权声明:本文为zhangyubababa原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。