微信小程序使用字体包，字体包上传到服务器后使用链接

最新推荐文章于 2024-03-11 09:29:08 发布

杨天天.

最新推荐文章于 2024-03-11 09:29:08 发布

阅读量170

点赞数 1

文章标签：微信小程序 javascript 小程序 css html5

本文链接：https://blog.csdn.net/qq_59175937/article/details/134424816

版权

本文介绍了如何在微信小程序的app.js中加载自定义字体(my-iconfont)并确保在wxss中正确应用。开发者展示了使用`wx.loadFontFace`方法加载OTF文件及相应的成功和失败处理机制。

摘要由CSDN通过智能技术生成

在app.js中

 //字体
        wx.loadFontFace({
            family: 'my-iconfont',
            source: 'url("https://***********.otf")',
            success: function (res) {
                console.log('字体加载成功');
            },
            fail: function (res) {
                console.error('字体加载失败', res);
            }
        });

在wxss中使用：