用Taro寫一個微信小程序——引入外部字體

🌲  小程序直接用.ttf字體文件,在開發工具看沒有問題,但是打包編譯會提示這個字體文件打包上傳不成功。

一、字體文件轉換爲css

1、打開https://transfonter.org/ 

注意選擇Base64 encode,Formats選擇TTF

 

2、點擊Add fonts按鈕,上傳字體ttf文件

 

3、點擊Convert按鈕進行字體轉換

  

4、點擊下載按鈕,得到如下文件

二、使用字體

1、將下載回來的css文件放入項目,在根目錄的app.scss文件中引入

@import "styles/font/bebas.css";

 

2、在需要的位置直接使用

font-family: 'Bebas';

 

End------------------------- 

Ten thousand sticky dreams

一萬個粘稠的夢

lost to reality

敵不過一個現實

seer steals thief's cigarette

先知偷走盜賊的煙

and takes a puff

吞雲吐霧

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