⑴阿里矢量图标怎么使用？当我们需要使用一些矢量图标“img”文件的话该如何进行使用呢？本文中winwin小编给大家分享介绍下阿里矢量图标使用方法，有需要的用户快来试试吧！
⑵首先选择去图标库自行选择想要的图标；
⑶选择图标，点击图标变成橘色，即放在暂存架；
⑷选择好要用的图标后，点击暂存架的下载至本地，解压待用；
⑸将下载完的文件解压后，放到某一文件夹中，右键打开demo_unicode.html文件；
⑹把上述文件中的代码复制到自己的项目中：
⑺font-face {font-family: "iconfont";
⑻src: url('iconfont.eot'); /* IE*/
⑼src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE-IE */
⑽url('iconfont.woff') format('woff'), /* chrome, firefox */
⑾url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS .+*/
⑿url('iconfont.svg#iconfont') format('svg'); /* iOS .- */
⒀.iconfont {
⒁font-family:"iconfont" !important;
⒂font-size:px;
⒃font-style:normal;
⒄-webkit-font-smoothing: antialiased;
⒅-webkit-text-stroke-width: .px;
⒆-moz-osx-font-smoothing: grayscale;
⒇上面i标签中的class值就是上面样式中的class！
⒈关于阿里矢量图标使用方法就给大家介绍到这里，有需要的用户快来试试吧！