哈嘍，Everybody，阿里巴巴的向量相簿有多少人用過舉手，哇，果然不出我所料大家都抵擋不住阿里爸爸的誘惑。趕快搬好小板凳仔細聽吧。

搜尋我愛的圖示新增購物車，啦啦啦是免費的啦，然後線上新增至我的專案。嗯，就是下面這個樣子，

Unicode Font class Sysbol三種方法，我每次都用第一種啦。1、新建一個font.css，2點選複製程式碼，3、貼上。4、<i class="icon">&#xe600;</i>把字元編碼投進去。

注意：

1   src: url('//at.alicdn.com/t/font_780852_g16a9l960ha.eot');每句之前都要新增http:,線上的啦，不填寫好完整的路徑頁碼君好為難的啦。

2、在使用中通用一個icon的類，將它的字型指定為我們之前貼上的，（省事）

.icon{

font-famliy:"iconfont";

}

這就是基礎使用，可是每處頁面都要把<i class="icon">&#xe600;</i>內容放置到裡面好辛苦，抽象公用這是寫程式碼的福音和宗旨，如果每一個我通過偽類將字元編碼新增進去就好了，每處新增類名無需關注裡面的內容。我可以任意切換裡面的內容到達切換字元。哇，不錯不錯。

.icon-search:before{
  content:"\e622";
}

就是這樣，&#xe600這樣的形式是直接插入到標籤中哦，想通過偽類的方法就要把&#x用\代替。