微信小程序 引用字体
2021/12/13 12:47:43
本文主要是介绍微信小程序 引用字体,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
方法一
官方
方法二
1.下载 安装footmin。
2.字体下载 ifont。
3.转换所需词汇:
4.代码引用:
复制文件中的代码:
为(只保留最长的就可以):
@font-face { font-family: "RuiZiChaoPaiHaoHengHeiJian-TeHei-2"; url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ font-style: normal; font-weight: normal; }
这篇关于微信小程序 引用字体的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-13微信小程序如何封装接口域名?-icode9专业技术文章分享
- 2024-11-13如何在微信小程序中实现直传功能?-icode9专业技术文章分享
- 2024-11-13如何在小程序的地图组件中添加标记和文字?-icode9专业技术文章分享
- 2024-11-13在微信小程序的地图组件中如何实现自定义标记和气泡?-icode9专业技术文章分享
- 2024-11-01微信小程序教程:零基础入门到实战
- 2024-11-01微信小程序全栈教程:从入门到实践
- 2024-10-31微信小程序怎么实现关注公众号功能-icode9专业技术文章分享
- 2024-10-30微信小程序cover-view,支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序的cover-image支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序web-view怎么设置高度?-icode9专业技术文章分享