如何将外部字体引入微信小程序?

本文介绍了两种将外部字体引入微信小程序的方法。方法一是通过服务器,方法二是使用base64编码。针对方法二,文章详细阐述了其缺陷和解决步骤,包括使用font-spider压缩字体包,以适应微信小程序的限制。最后,说明了如何在小程序中导入和使用压缩后的字体包。
摘要由CSDN通过智能技术生成

方法一:

一种是将字体文件上传至服务器,微信小程序引入服务器中的字体即可,详细参见这里

这种方法很好,很实用,但是却满足不了强迫症的我,难道我连加载个页面都需要从服务器中获取吗??

方法二:

将对应的字体文件,上传到https://transfonter.org/,通过转换成base64编码,在wxss文件中使用。详细参见这里

这种方法看起来可行,但是坑却很多

缺陷:

一、https://transfonter.org/这个网站不支持10M以上ttf文件的转化,这就使许多好看的字体只能通过方法一来引入微信小程序。

二、当转化后的css文件超过1M时,我们引入小程序中是会报错的,如下:

最初不知道这个问题的原因是什么,直到我看到了这个评论:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值