阿里矢量圖標庫用法,阿里巴巴矢量圖標庫怎么用 。小編來告訴你更多相關信息 。
其實很簡單，自己看官方即可，不過為了增深自己的記憶，特寫出來：
一、阿里矢量圖的網址：http://iconfont.cn/，截止到發稿共有1,094,241個圖標 。
文章插圖
文章插圖
官網 二、使用：
輸入自己想找的圖標，搜索，例如我搜索home，出現了許多圖標：如圖：
文章插圖
文章插圖
搜索出來的圖標
2、點擊購物車，出現自己選擇的圖標，選擇最下面的下載，下載到本地：
文章插圖
文章插圖
已經搜索出來的圖標
【阿里巴巴矢量圖標庫怎么用 阿里矢量圖標庫用法】選擇“下載代碼”，將文件下載到本地 。
三、引用：
1、fontclass方式引用：
文章插圖
文章插圖
使用步驟
二、symbol方式引用：
文章插圖
文章插圖
引用第一步
文章插圖
文章插圖
引用完成 三、unicode引用
文章插圖
文章插圖
第一步，注意修改路徑
文章插圖
文章插圖
定義字體
文章插圖
文章插圖
在html中引用 幾種應用方法的比較：
第三種復雜，但是兼容ie6；
第二種快捷，簡單 。但是兼容性較差，支持 ie9+,及現代瀏覽器 。瀏覽器渲染svg的性能一般，還不如png 。
第一種適中，介于2者之間 。
至于選擇哪種方式，根據你的需求來做適當的選擇 。
推薦閱讀
- 三星s10+中將應用隱藏的具體操作流程 三星s10怎么隱藏應用圖標
- OPPO手機狀態欄圖標的含義 oppo手機頂部符號圖案大全
- win網絡圖標不見了的解決方法 筆記本右下角的wifi不見了怎么辦
- 電腦輸入法圖標不見了的恢復方法 如何恢復電腦右下角的輸入法
- 手機QQ瀏覽器如何添加主頁書簽 手機qq瀏覽器如何添加主頁書簽圖標
- 二極管圖標哪邊是正極 發光二極管正負極怎么看
- 怎樣隱藏支付寶圖標 怎么隱藏支付寶的圓點角標
- 王者榮耀圖標點亮方法詳解 qq三國圖標點亮新規則
- win10恢復桌面圖標文件的方法 如何恢復電腦桌面上的圖標
- 調整桌面圖標的大小的方法 電腦桌面圖標變大了怎么恢復