阿里矢量圖標庫的使用

1.阿里矢量圖標庫

原理：通過將svg等格式的矢量圖改變為相應的字體，用戶通過

@font-face來使用下載字體庫

阿里矢量圖標庫，可以當做一個icon庫使用，可下載png格式圖標

也可下載svg格式，復制svg代碼

也可加入購物車，然后放到某個項目中，通過在線的方式使用。

2.在線使用的方法

1.加入購物車

2.創建項目，將所需圖標放入項目中

3.生成字體庫代碼，拷貝到自己的項目中

4.每個圖標生成相應代碼，其unicode就代表該圖標

html中<i class="iconfont">&#xe624;</i>

5.css中引用

.iconfont{
  font-family:"iconfont";//引用該字體庫
  font-size:16px;//編輯字即編輯圖標
  font-style:normal;
}