uniapp微信小程序引入字体

案例演示

小程序有些字体不支持,我们如何引入,步骤如下:

第一步:下载需要的字体

在这里插入图片描述

第二步:如果只是用其中的数字,则需要使用工具单独再摘出来,这样文件会很小。

在这里插入图片描述

在这里插入图片描述
生成新的字体文件,此文件大小很小。
在这里插入图片描述

第三步:将此文件转换为base64格式

工具网址:https://www.giftofspeed.com/base64-encoder/

第四步:在项目里面使用

	@font-face {
		font-family: "STXingkai";
		src:url('data:application/x-font-woff2;charset=utf-8;base64,这个地方放置base64')
	}

使用

font-family: 'STXingkai';

提取工具

放资源了

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值