小程序:引入外部字体(一)
发布日期:2021-05-14 20:20:58 浏览次数:21 分类:精选文章

本文共 344 字,大约阅读时间需要 1 分钟。

1.下载字体文件(大小限制在10mb)

点击获取的字体文件,确保其大小不超过10MB。

2.上传转换字体文件

打开浏览器访问https://transfonter.org/。上传待转换的字体文件,进入设置界面勾选“Base64 encode”选项,并选择需要转换的字体格式,等待转换完成。

3.将字体写入小程序

在小程序项目中找到或创建一个.css文件,例如font.wxss,将转换后的stylesheet.css内容完整复制到该文件中。

4.页面调用

在需要使用该字体的页面中,先通过import命令引入字体文件:
@import '../../style/font.wxss';
然后在对应的样式中添加字体引用:
font-family: Nauert;

即可完成字体的引入和应用。

上一篇:小程序:引入字体报错解决办法
下一篇:小程序:防止父方法被子方法冒泡,使用catchtap

发表评论

最新留言

逛到本站,mark一下
[***.202.152.39]2025年04月11日 19时26分20秒