現如今移動裝置解析度不勝列舉，傳統的標量圖示要分別匯出 1 倍圖、2 倍圖、3 倍圖等以適應高分辯率裝置。這無疑大大增加了設計師和客戶端開發的工作量。向量圖以其無損縮放的優點，在圖示方面有著極大的優勢。
iconfont 是由阿里推出，功能強大且圖示內容很豐富的向量圖示庫，提供向量圖示**、**儲存、格式轉換等功能，幾乎國內成了向量圖示庫的事實標準。
每個 iconfont 專案都可以生成乙個遠端.css檔案，下文以為例。你可以查閱教程了解如何生成.css檔案。
正常 iconfont 的使用流程是在 html 的head標籤中引入樣式檔案，然後通過類名呼叫圖示
複製**
不幸的是小程式不支援引入外部 css 檔案，為此我尋遍網路，竟沒有找到 iconfont 在小程式中的正確用法。
本文根據我在實踐經驗所得，是我目前能找到在小程式中使用 iconfont 最簡的方法。
雖然小程式不支援引入外部樣式表，但.wxss檔案本質上就是.css檔案，因此我們可以將 iconfont 的樣式表儲存到本地的.wxss中。
微信小程式 使用Iconfont
1 準備好iconfont字型圖示素材 2 運用到 中 因為專案用到的字型圖示較多，所以複製了整個iconfont.css，並沒有去做任何改動，用到字型圖示的頁面在css中去引用就行，例如 import iconfont iconfont.wxss 在wxml中寫 圖示 可以在 上覆制 3 注意的問...
HTML中的iconfont使用
之前遇到乙個用iconfont的demo，這是第一次遇到iconfont，使用審查元素可以看到這是一種用字元表示的方法，而且放大或者縮小的時候不會失真，即具有向量性，相容性很好。於是上網查了一下這個東西，發現現在大多數 都會使用iconfont，下面就分享一下圖示字型的使用 阿里媽媽字型庫 2 宣告...
阿里巴巴向量庫IconFont 使用小錄
使用阿里巴巴向量庫方法雖然不難，但本人記性不好，遂在次記錄幾筆 阿里巴巴向量庫圖示好處 1 圖示向量化 2 自己總結 iconfont是將圖示按字型的方式進行操作，所以稱為字型圖示，我們可以用css來靈活控制圖示的大小 顏色 陰影等。3 通過iconfont平台，我們可以高效快速的生產出規範的圖示。...