用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

吞雲吐霧


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM