微信小程序使用其它字体

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

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

 

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

1、首先你从网上下载一款液晶字体。

2、打开一个叫字体转换的网站：https://transfonter.org

3、上传你下载好的字体文件

 

4、勾选参数

注意：3、如果你只是要用到某个字符，那么在chartacters里输入，这里我只使用到了数字，所以输入了：1234567890+-.

 

5、点击“Comvert”按钮，并下载转换好的文件。

 

6、解压文件，并找到stylesheet.css文件，将里面的内容复制到你的CSS文件中

 

7、定义一个字体样式，如：.lcd-font

8、在你需要的地方引用这个样式即可，效果：