由於微信小程序不支持ttf字體,只支持base64的問題,需要把從圖庫下載下來的字體文件中的ttf文件轉碼為base64后使用如圖
需將圖中箭頭所指的字體文件通過 https://transfonter.org/ 進行base64 處理
將經過base64處理后的文件下載並解壓后取得stylesheet.css文件並在小程序的目錄下新建iconfont.wxss文件講stylesheet.css中的內容全部復制下來粘貼進新建好的iconfont.wxss文件中
然后將阿里圖庫下載下來的文件夾中的iconfont.css文件打開將其中部分代碼復制粘貼至我們自己小程序中新建的iconfont.wxss文件中
自此,字體文件已經處理完成,只等我們在各個頁面使用即可。處理完成的文件如下圖所示
最后一步,在需要的界面進行使用,前提是需要將我們處理后的iconfont.wxss文件引入到小程序根目錄下的app.wxss文件進行全局引入。如下圖引入即可
引入完畢后即可在任意界面進行使用了,使用方式如下
參考博客:https://blog.csdn.net/hdchangchang/article/details/83511007