当前位置:   article > 正文

uniapp微信小程序引入字体_uniapp小程序引入外部字体

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')
	}
  • 1
  • 2
  • 3
  • 4

使用

font-family: 'STXingkai';
  • 1

提取工具

放资源了

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/152993
推荐阅读
相关标签
  

闽ICP备14008679号