Web前端矢量小图标的使用方法

前言 在写前端页面时,我们经常会用到一些小图标之类的图片,如果使用图片的话代码写起来比较麻烦,最近发现一个方便实用的方法,直接用就可以了。 一、引入图片操作方法 首先我们输入网址:https://www.iconfont.cn/ 记不住这个网址也可以百度搜索:阿里巴巴矢量图,就会出来这个网址; 以下我推荐两种比较常用也是比较方便的方法。 方法1:font-class引用 兼容性良好,支持ie8+,及所有现代浏览器。 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的图片名称引用。 不过因为本质上还是使用的字体,所以多色图标还是不支持的。 第一