阿里巴巴矢量圖標如何使用

阿里矢量圖標的使用：

• 1）通過檢索界面搜索到需要的圖標，添加到購物車

• 2）打開購物車--選擇“下載代碼”|打開購物車--添加入項目--在項目中下載代碼

• 3）將下載好的文件夾中的字體文件（.eot|.ttf|.svg|.woff|.woff2）放入項目的fonts文件夾內

• 4）將下載好的css文件（iconfont.css）放入項目的css文件夾中，修改css文件中字體文件的路徑（../fonts/iconfont.woff）

• 5）將修改好的css文件鏈接到html文件中

• 6）在html文件中添加指定類名iconfont和圖標的名稱或在標簽中添加類名iconfont和icon-XX

<em class="iconfont">&#xe60c;</em>
<em class="iconfont icon-weizhi"></em>

字體圖標的顏色|大小，通過color屬性|font-size屬性調整