最近在做小程式的時候,客戶覺得小程式的字型有點單調,想使用液晶字型顯示數字,如果引用整個字型那麼太大了,怎麼辦?
當然了你可以引用網路字型,但是操作起來太麻煩了。
簡單一點,我們自己下載一款字型來實現。
1、首先你從網上下載一款液晶字型。
2、開啟一個叫字型轉換的網站:https://transfonter.org
3、上傳你下載好的字型檔案
4、勾選引數
注意:3、如果你只是要用到某個字元,那麼在chartacters裡輸入,這裡我只使用到了數字,所以輸入了:1234567890+-.
5、點選“Comvert”按鈕,並下載轉換好的檔案。
6、解壓檔案,並找到stylesheet.css檔案,將裡面的內容複製到你的CSS檔案中
7、定義一個字型樣式,如:.lcd-font
8、在你需要的地方引用這個樣式即可,效果: