step1.搜尋圖示，加入購物車。進入購物車頁面後，新增至專案。
step2.font class->生成**->（該**加上字首http:）可用瀏覽器開啟，以檢視這個css檔案
css檔案裡面的內容如下
@font-face
.iconfont
.icon-cart:before
.icon-gouwuche:before
step1.樣式檔案.css（上文的**加上字首http:）引入到html中
step2.使用類class="iconfont 具體圖示名,如上述的icon-cart"
使用案例
這是購物車
阿里巴巴iconfont使用方式
iconfont的作用就是用字型的格式來取代 特殊字型的展示，用得比較多的就是一些純色的圖示，具體主要由當前css3屬性裡的自定義字型 font face 來實現。1.首先在iconfont 阿里巴巴向量圖示庫上面將你需要的圖示點選購物車按鈕加入 暫存架 3.每次新增圖示都要重新生成 font fa...
iconfont字型生成原理及使用技巧
首先前端都知道我們可以定義web上面文字的fontfamily。css test html class test iconfont字型原理 但是這種情況下我們只能用系統預設的一些字型，限制比較大。比如微軟雅黑就是windows下面才有。其實css是可以自定義字型的，所以我們可以載入自己的字型。使用 ...
uni app引入阿里iconfont
前言 準備 阿里巴巴提供資源 操作 一 二 搜尋自己需要的資源，並新增到自己的專案當中。1.專案在哪，看下圖，如果沒有專案自己可以快速建立乙個專案，專案我的理解就是乙個分類的資料夾。2.icon怎麼新增到專案中。點選圖示 加入庫 新增到專案。三 開啟我的專案 1 點選下方的 下方新icon.紅色字型...