微信小程序使用其它字體


最近在做小程序的時候,客戶覺得小程序的字體有點單調,想使用液晶字體顯示數字,如果引用整個字體那么太大了,怎么辦?

當然了你可以引用網絡字體,但是操作起來太麻煩了。

 

簡單一點,我們自己下載一款字體來實現。

1、首先你從網上下載一款液晶字體。

2、打開一個叫字體轉換的網站:https://transfonter.org

3、上傳你下載好的字體文件

 

4、勾選參數

注意:3、如果你只是要用到某個字符,那么在chartacters里輸入,這里我只使用到了數字,所以輸入了:1234567890+-.

 

5、點擊“Comvert”按鈕,並下載轉換好的文件。

 

6、解壓文件,並找到stylesheet.css文件,將里面的內容復制到你的CSS文件中

 

7、定義一個字體樣式,如:.lcd-font

8、在你需要的地方引用這個樣式即可,效果:

 


免責聲明!

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



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