微信小程序使用其它字体


最近在做小程序的时候,客户觉得小程序的字体有点单调,想使用液晶字体显示数字,如果引用整个字体那么太大了,怎么办?

当然了你可以引用网络字体,但是操作起来太麻烦了。

 

简单一点,我们自己下载一款字体来实现。

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