微信小程式使用其它字型

獵手家園發表於2020-11-28

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

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

 

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

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

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

3、上傳你下載好的字型檔案

 

4、勾選引數

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

 

5、點選“Comvert”按鈕,並下載轉換好的檔案。

 

6、解壓檔案,並找到stylesheet.css檔案,將裡面的內容複製到你的CSS檔案中

 

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

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

 

相關文章