Failed to load local font resource:微信小程序加载第三方字体

这篇具有很好参考价值的文章主要介绍了Failed to load local font resource:微信小程序加载第三方字体。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

加载本地字体.ttf

Failed to load local font resource:微信小程序加载第三方字体,css,小程序,微信小程序,小程序,css

将ttf转换为base64格式:https://transfonter.org/
步骤如下
Failed to load local font resource:微信小程序加载第三方字体,css,小程序,微信小程序,小程序,css
将下载后的stylesheet.css 里的font-family属性名字改一下,然后引进页面里就行了,全局样式就放app.scss,单页面就引入单页面
注:

.title {
  height: 36rpx;
  font-size: 36rpx;
  font-family: stylesheet里的名字;
  font-weight: bold;
  color: #333333;
  line-height: 36rpx;
}

加载网络字体

好处不超包,坏处比较慢文章来源地址https://www.toymoban.com/news/detail-616804.html

wx.loadFontFace({
    family: 'yyy',
    source: 'url("xxx")',
    success: function (e) {
        console.log(e, '动态加载字体成功')
    },
    fail: function (e) {
        console.log(e, '动态加载字体失败')
    }
})

到了这里,关于Failed to load local font resource:微信小程序加载第三方字体的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序 [渲染层网络层错误] failed to load font

    微信小程序报错: [渲染层网络层错误] Failed to load font http://at.alicdn.com/t/c/font...... 原因:我使用了阿里的iconfont字体图标,该url在我的小程序后台未备案 解决方法:登录小程序后台,开发管理--开发设置--服务器域名,在download合法域名中添加你的字体url的域名(我加入的是

    2024年02月11日
    浏览(50)
  • [渲染层网络层错误] Failed to load local image resource /miniprogram/images/1.jpg无法加载本地图片资源

    最近开始学习编写小程序,跟着教程走到展示图片这一步发现这个错误。按照正常的编程思路和百度大法,大部分说是路径错误和图片不能带有中字。但是按照经验复制相对路径和绝对路径都不行,还是同样的错误。代码如下。 图片的路径绝对没问题,百度有的博客说用wx

    2024年02月11日
    浏览(50)
  • 微信小程序使用阿里巴巴iconfont,报错Failed to load font http://at.alicdn.com/t/..........

    介绍 上篇文章,介绍了,在微信小程序里导入并使用阿里巴巴iconfont图标;但是在页面里使用后,可以看到后台日志有打印错误信息,具体报错如下: 分析 报这个错,是因为项目里使用了 iconfont 字体图标,但是这个链接在小程序后台没有备案在后台配置一下白名单即可。具

    2024年02月03日
    浏览(53)
  • 微信小程序 [渲染层网络层错误] Failed to load font https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf

    开发微信小程序的时候,应该是ui组件使用到了这个字体文件,然后下载的时候报错: [渲染层网络层错误] Failed to load font https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf net::ERR_CACHE_MISS  (env: Windows,mp,1.06.2310071; lib: 3.1.5) 我使用了阿里的iconfont字体图标,该url在我的小程序后台未添加

    2024年02月05日
    浏览(56)
  • 有效解决微信小程序加载视频[渲染层网络层错误] Failed to load media

    问题1,小程序的视频一般都是放在网络上的,没谁能把视频放本地把,所以在小程序视频插件在加载视频的时候,就会出现如下错误:[渲染层网络层错误] Failed to load media wxml加载视频代码如上图,有人说加上controls就解决了。狗屁 我加了,结果 错误依旧,那么有人说 加载

    2024年02月11日
    浏览(94)
  • 小程序使用Vant组件时报错Failed to load font解决方法

    小程序引用Vant组件后每次重新编译都会报错 [渲染层网络层错误] Failed to load font https://at.alicdn.com/t/font_2553510_iv4v8nulyz.woff2?t=1649083952952 虽然不影响小程序运行,但看着很难受 按照网上教程所说的request合法域名添加“https://at.alicdn.com”后还是会报错,干脆不用网络请求了,直接

    2024年02月08日
    浏览(57)
  • 解决微信小程序渲染层网络层错误 Failed to load media

    微信小程序引入网络视频的时候:出现 渲染层网络层错误 Failed to load media 给video组件加入autoplay后错误消失,但是一进入页面就播放不是我想要的效果 添加下面代码: 一进来就自动播放 趁他没反应过来 在Load()中添加如上代码 把他暂停。

    2024年02月11日
    浏览(127)
  • uni-app开发微信小程序,有效解决加载视频[渲染层网络层错误] Failed to load media

    问题1 在小程序视频插件在加载视频的时候,就会出现如下错误:[渲染层网络层错误] Failed to load media,解决方案有两种。 (1) wxml加载视频加上 controls (2) 视频组件添加 autoplay属性 但是会导致页面加载完成后 自动播放 ,目前官方还未修复这个报错问题,只能先使用这种方法进行弥

    2024年02月06日
    浏览(50)
  • 【报错】Not allowed to load local resource:...

    Not allowed to load local resource:... 这是因为浏览器安全性的考虑,不允许写使用绝对路径file:///path的形式,可以用相关工具如: tomcat 、 nginx 、 iis 等工具配置个虚拟映射地址。但出于上线逻辑考虑,上线也要部署上。因此我个人不推荐使用这种方式,我决定在后端解决这个问题

    2024年04月16日
    浏览(47)
  • 【Electron】Not allowed to load local resource

    在使用 audio 标签播放音频文件时,控制台报错 Not allowed to load local resource。 这个问题通常是由于安全策略引起的。Electron 默认情况下禁止加载本地资源,以防止潜在的安全风险。 解决这个问题的方法是在 main.js 中找到创建 BrowserWindow 实例的代码,并在该实例的 webPreferences 配

    2024年02月07日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包