微信小程序网络字体安卓实机无法加载解决方案

使用uni.loadFontFace加载网络字体，小程序开发工具正常，但安卓手机实机无法正常加载。且success和error的回调没有。经摸索，是网络字体的跨域问题。

在宝塔的配置文件里，注意在443下添加，因为小程序要https。

<FilesMatch "\.(ttf|otf|eot|woff|woff2)$"><IfModule mod_headers.c>Header set Access-Control-Allow-Origin "*"</IfModule></FilesMatch>

//需要注意的是每个页面都要调用，我是写在mixin里面
uni.loadFontFace({family: 'Softbrush',source: 'url("https://www.xxx.com/fonts/Softbrush.ttf")',success() {console.log('字体加载完毕')},error(){console.log('字体加载失败');},complete(){console.log('字体加载');}
})

微信小程序网络字体安卓实机无法加载解决方案相关推荐

微信小程序分享海报/卡片生成时一直加载可能存在的问题
微信小程序分享海报/卡片生成时一直加载可能存在的问题很多时候,开发者在调试小程序的分享图时,总是会遇到不能正常生成的问题,这里面还是有许多的坑.这一次就把我个人所知道的问题分享一下. 第一种情况: ...
html下拉刷新原理,微信小程序下拉刷新及上拉加载原理解析
这篇文章主要介绍了微信小程序下拉刷新及上拉加载实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.下拉刷新的概念及应用场景. 概念: 下拉 ...
微信小程序开发——设置默认图片、错误加载图片
wxml: <image src='{{imgArr[index]==""?defaultImg:imgList[index]}}' binderror="erro ...
微信小程序实战篇-下拉刷新与加载更多
下拉刷新实现下拉刷新目前能想到的有两种方式调用系统的API,系统有提供下拉刷新的API接口下拉刷新API.png 监听scroll-view,自定义下拉刷新,还记得scroll-view里面有一 ...
微信小程序开发（三）：分包加载
微信小程序分包加载小程序开发完成后,开发者需要将代码包上传到小程序管理后台上线,这时候我们会发现,小程序后台对开发者上传的代码包有严格的大小要求:本地代码超过2M就会限制上传. 目前小程序分包大小有 ...
微信小程序下拉刷新页面时的加载状态
案发现场:在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方. 其实三个点是可以看到的.只不过默认是白色的案例效果 1.在 app.json中添加样式 "backgroundTe ...
微信小程序中实现瀑布流布局和无限加载
瀑布流布局是一种比较流行的页面布局方式,最典型的就是Pinterest.com,每个卡片的高度不都一样,形成一种参差不齐的美感. 在HTML5中,我们可以找到很多基于jQuery之类实现的瀑布流布局插 ...
微信小程序下拉刷新、上拉加载
微信小程序官方没有给出具体的下拉刷新和上拉加载组件,我们可以基于小程序原生组件scroll-view的扩展与封装,实现简单的上拉加载.下拉刷新组件. 1. 封装组件 // components/cus ...
微信小程序首页的广告弹窗，只加载一次
功能:微信小程序,首次进入页面时显示广告弹窗,点击空白处/点击关闭按钮,隐藏此弹窗(7秒后自动隐藏弹窗).  <view class="mo ...

微信小程序网络字体安卓实机无法加载解决方案

微信小程序网络字体安卓实机无法加载解决方案相关推荐

最新文章

热门文章