微信小程序外部字體的導入

  • 事先準備 
    因爲微信不支持外部文件夾的權限,所以首先去下載一個自己選中的字體,也就是ttf文件,將該ttf文件上傳至https://transfonter.org/ 
    注意選中 Base64 encode 然後點擊convert轉換並下載壓縮文件,用Dw打開其中的css文件,將其中的代碼,複製到頁面的.wxss文件下 
    再選擇並調用。

存在問題:

1、加入代碼後界面所有格式混亂,圖標移動位置,亂套

原因:跟下載後生成的css文本的代碼內容的大小有關,可能超出了微信小程序空間的極限

2、加入代碼後不再報錯,但是,一運行,顯示找不到該字體 
或者顯示如下

Failed to load font http://1109080104.debug.open.weixin.qq.com/

From server 127.0.0.1

可能原因:該字體面向英文字母的字體,而你開始用的是中文

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章