微信小程序使用其它字体

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

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

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

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

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

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

4、勾选参数

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

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

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

7、定义一个字体样式,如:.lcd-font

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

原文地址:https://www.cnblogs.com/hunttown/p/14052769.html