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