微信小程序使用字体

微信小程序使用字体

微信小程序有一个字体的API,wx.loadFontFace可以动态加载网络字体。

用这个api还得自己找到字体文件,让后台上传给你路径。并且看网上有人说,真机无效。就很蛋疼。遂搜索出第二种办法,特此记录下。

  1. 首先需要用到转换字体工具。 https://transfonter.org

  2. 准备好你要使用的字体 (.ttf) 文件。

  3. 上传字体文件。
    在这里插入图片描述

  4. 转换

在这里插入图片描述

  1. 下载

    在这里插入图片描述

  2. 解压你下好的文件

在这里插入图片描述

​ 解压完成,打开.css文件

在这里插入图片描述

复制到小程序项目中。即可使用。

但是,通常我们要用的字体文件会非常大。但是小程序的允许上传文件主包大小不能超过2m。所以这个办法通常行不通。

这个时候就需要一个软件,让我们能够要用什么字,就保留这个字所对应的字体。

  1. 软件名称。 fontMin (如果下不下来可以私聊我)官方网址:https://ecomfe.github.io/fontmin/

在这里插入图片描述

在这里插入图片描述

输入你想要使用该字体的文字,点击生成。

  1. 在这里插入图片描述

    这生成的最后一个文件就是,压缩后的css。复制到项目中使用即可。

参考文献:微信小程序使用自定义字体

https://www.cnblogs.com/yeshengshudaixiong/p/12101995.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值