Iconfont-阿里巴巴的矢量图标大大方便了前端代码中对图标的引用,只需要在网站上选好图标到【我的项目】,再通过代码引用即可。
更为方便的是,它可以通过像控制字体font一样地控制图标的大小,颜色等。
让我们来看看这个要怎么玩吧
-------------------------------------------------------
1,选好图标到购物车 ---- 添加到【我的项目】
2,在html代码中引入此段代码
<!--icon-->
<script type="text/javascript" src="http://at.alicdn.com/t/font_386052_rob0iyoleb0dlsor.js"></script>
3,可以使用啦。把 下面的代码放到页面中,你想放的位置。把xlink:href=" "中的值改成你选择的图标代码。接着,可以通过 class 样式来改变图标。
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-left"></use>
</svg>