開發微信小程序,想引入漂亮的圖標,在阿里巴巴上直接引入之后總是報錯, 總算從網上找到解決方法,親測有效,
一、先到阿里巴巴矢量圖標庫(http://iconfont.cn/),用微博帳號登錄,搜索你想要的圖標,然后添加入庫
下載下來,找到ttf格式文件
二、到這個平臺https://transfonter.org/,把剛才下載的ttf字體文件轉化成base64格式
點擊Download下載下來:
打開stylesheet.css文件,復制這些內容:
三、把剛才復制的粘貼到wxss文件中
四、打開之前在阿里巴巴下載的壓縮包,找到iconfont.css文件,打開它
也復制這些內容到wxss文件中:
四、在wxml加入字體
五、顯示效果
提示:截圖中的代碼和演示效果可能不同 |