微信小程序如何導入字體圖標

前提:咱們已經擁有了從阿里圖標庫下載下來的一系列的字體圖標文件
1:找個其中的ttf格式的文件,而後打開https://transfonter.org/網站
2:點擊Add fonts按鈕,加載ttf格式的那個文件
3:選擇下邊的base64 encode改oof爲on
4:點擊Convert按鈕 進行轉換
5:轉換後點擊download下載
6:下載下來後 找到stylesheet.css文件 添加類
.iconfont {css

font-family: 'iconfont';字體

font-weight: 500;網站

font-style: normal;code

}
7:找到咱們以前阿里圖標文件裏面的iconfont.css文件將全部的:before拷貝到stylesheet.css文件中 而後咱們就可使用字體圖標了 iconfont icon-mg-hotelorm

相關文章
相關標籤/搜索