今天研究阿里巴巴圖標應用,發現阿里巴巴圖標有三百多萬個......
網址:http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

下面介紹兩種方式應用圖標至網站中
1.文件下載保存項目應用法
做法:
先通過搜索框搜索自己需求的圖標,點擊圖標中的購物車加入到購物車中

如下圖下載壓縮包至本地

解壓后發現里面的文件如圖

值得注意的是紅色框的五個文件,unicode.html里面可以查看到圖標的unicode編碼,svg和css是圖標的樣式文件,eot、ttf和woff文件是系統生成的文件,需要將這五個文件放到項目中去應用使用即可
ps:這種方法每次增加新圖標時候,文件大小會變大,也就意味着每次新增圖標都要修改這五個文件,而這五個文件也是下載的壓縮包解壓出來的,缺一不可!!!
總結:此方法不是很好的管理項目圖標,因為每次添加新圖標的時候,五個文件都需要更新.....這就要求做項目時事先把所有的需求圖標都羅列進文件里面去!
2.添加至項目應用法
做法:
在自己賬號里面新建一個項目,如下圖,將選好的圖標添加至項目中


點擊更新代碼,將代碼復制替換到iconfont.css文件中去,更改iconfont 為 layui-icon保存

在需要應用圖標的地方寫上圖標unicode即可:

ps:這種方法性能不是很好,因為是通過URL去獲取阿里巴巴文件配置中的圖標,也有可能阿里巴巴服務器也受影響,不是很穩定!!!
總結:此方法可用需慎用!
