記錄小程式中使用阿里字型圖示的步驟
阿新 • • 發佈:2021-02-04
一、使用步驟
-
2、搜尋自己想要的字型圖示
-
3、加入到購物車中
-
4、購物車中的圖示加入一個專案中
-
5、在資源管理中找到我的專案,下載到本地
-
6、將解壓出來的檔案目錄中拷貝
iconfont.css
到小程式專案的fonts/iconfont.wxss
(注意小程式要改檔案字尾名) -
7、刪除
@font-face
下面部分內容瀏覽器的引入/*只留下這個就可以*/ @font-face { font-family: "iconfont"; src: url('data:....') format('woff2'
-
8、在
app.wxss
中全域性引入字型圖示@import './fonts/iconfont.wxss';
-
9、使用字型圖示
<text class="iconfont icon-gouwuche"></text> <!--iconfont是預設的 icon-gouwuche根據自己選擇的字型圖示複製-->