微信小程序引入阿里巴巴的Iconfont,报错，渲染层错误，failed to load local font

最新推荐文章于 2024-06-28 16:57:31 发布
最新推荐文章于 2024-06-28 16:57:31 发布
阅读量390 收藏 2
点赞数 2
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58698137/article/details/137752410
版权

报错信息：

点击下载至本地。

1、应该下载到本地-》解压-》放入自己所在文件。我这里是/styles文件中

2、将//at.alicdn.com/t/c/font_4505528_w7sx4xohg9.woff2?t=1712915552829在线路径全改为自己单当前文件路径。

3、记得将iconfont.css改为iconfont.wxss.

原文链接：http://t.csdnimg.cn/kC8HP

修炼成魔尊
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
渲染层网络层错误] failed to load font http_Unity URP 渲染管线解析(I)
weixin_39687422的博客
11-05 7582
最近一直在埋头做自己的研究项目, 但还是努力抽点时间出来写些笔记, 一方面用来备忘, 另一方面呢, 也是和大家分享交流下我对URP的一点浅显理解.为了简短起见, 文中使用一些简写的符号: ScriptableRenderer: Renderer;ScriptableRenderPass: Pass;Pass 中 RenderTarget的设定首先是RenderTarget的设定, Scriptab...
微信小程序引入使用fontawesome6懒人包下载即用
08-08
微信小程序引入使用fontawesome 写好的包是6.4.2版本，超过了的新图标用不了哦，记得筛选一下版本。 下载来记得在微信小程序的全局样式app.wxss导入根目录下的fontawesome.wxss 然后就可以美美从fontawsome官网找...
#小程序#如何解决渲染层网络层错误？
ZHENGCHUNJUN的博客
02-14 1万+
小程序避坑：[渲染层网络层错误] Failed to load font http://172.16.0.234:8081/profile/upload/style.ttf net::ERR_CONNECTION_TIMED_OUT (env: Windows,mp,1.05.2109131; lib: 2.20.2)
[渲染层网络层错误] Failed to load font http://at.alicdn.com/t/c/font_4603083_be6rni8li98.woff2?t=17195636341
最新发布
weixin_44166849的博客
06-28 196
这错误原因是：小程序用iconfont 代码的时候报错的。
微信小程序 [渲染层网络层错误] failed to load font
热门推荐
dzbfqc的博客
01-30 2万+
微信小程序 Failed to load font
小程序使用Vant组件时报错Failed to load font解决方法
snoopy_13579的博客
05-10 9210
小程序引用Vant组件后每次重新编译都会报错 [渲染层网络层错误] Failed to load font https://at.alicdn.com/t/font_2553510_iv4v8nulyz.woff2?t=1649083952952
微信小程序 failed to load font
码农桃子的博客
04-15 1683
应该很少有人用到这个东西吧，这个是使用阿里图标库的图标导致的，是后台没有配置白名单。--开发设置–服务器域名–downloadFile合法域名，添加到里面即可。微信小程序控制台提示 Failed to load font。
Failed to load local font resource：微信小程序加载第三方字体
Qing_X_C的博客
07-26 3828
ttf转换为base64格式
微信小程序引入iconfont的坑（渲染层网络层错误）
weixin_45977625的博客
01-12 4371
1.首先，我们在iconfont官网下载字体图标 2.解压，引入到小程序中（注意，css文件的后缀要改成wxss）： 3.编译，报错Failed to load local font resource /iconfont.woff2?t=1628652179539-do-not-use-local-path-./fonts/iconfont.wxss&5&7 net::ERR_CACHE_MISS 4.**解决办法：**去到下载代码的页面，点击查看在线链接 5、把在线链接的代码覆盖掉
微信小程序引入iconfont渲染层网络层错误
weixin_56881180的博客
04-19 386
替换iconfont@font-face内容解决问题
微信小程序引入iconfont图标，解决渲染层失败（2022年7月11日）
只会写bug的靓仔的博客
07-11 969
网上的教程几乎都是清一色的引用阿里云矢量图标的在线链接，可惜现在阿里现在已经没有在线链接了。然后我吧文件下载到本地尝试引用，抱歉woff文件识别不了，微信小程序是没法直接识别woff文件的，通通渲染层报错。 原因是：。 一个折中的解决方法是把放到wxss文件中。 这对于图标来说还是足够了。 把下载的字体文件转换成base64，我这里是用的woff2转换的 https://transfonter.org/ 记得把base64打开在这里插入图片描述 然后就可以显示出来了......
微信小程序阿里云OSS-sdk
08-16
阿里云OSS-sdk，大小536KB 微信小程序纯前端从阿里云OSS下载，可直接引用 文章地址：https://blog.csdn.net/qq_44695727/article/details/132154404
微信小程序 引入es6 promise
08-30
本篇文章主要介绍了微信小程序引入es6 promise的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
微信小程序引入日历组件引入的moment.js文件
05-23
微信小程序引入日历组件时引入的moment.js文件，获取日期
微信小程序的「同层渲染」踩坑记
03-29
背景 近期在开发小程序中，接触最多的就是 ...小程序的内容大多是渲染在 WebView 上的，如果把 WebView 看成单独的一层，那么由系统自带的这些原生组件则位于另一个更高的层级（如 canvas、video）。两个层级是完全独
uniapp字体ttf在小程序报错，解决方法
肥晨开发的学习之路
06-24 1855
在你的代码中，你已经尝试使用wx.loadFontFace来加载一个名为BoldFont的字体，字体文件位于https://www.zitixiazai.cn/static/upload/other/20220914/1663119174123134.ttf。这样做的好处是字体文件被嵌入到 CSS 文件中，减少了 HTTP 请求的数量，但缺点是 CSS 文件可能会变得非常大。通过此API，可以指定字体名称、字体文件路径，并在加载成功后应用该字体。）的 base64 编码版本时，可以在 CSS 的。
[微信小程序] 关于自定义字体的坑
jinwenshuo2007的博客
07-19 894
渲染层网络层错误] Failed to load local font resource... 个人认为最优雅的办法，还是使用微信官方文档中提到的这个api，如果实在不行，最后再考虑转base64。
处理：uniapp开发微信小程序 [渲染层网络层错误] Failed to load local image resource /pages/index/undefined
灵台方寸山斜月三星洞
07-19 9421
/ 初始化时空字符串，就不会去请求。// 初始化时空字符串，就不会去请求。测试中直接给图片地址（常量）正常，换成变量就出问题。打开我的页面，动态获取用户信息后，渲染头像及边框。我想实一个头像和相框的动态组合的效果。最根本就是没有初始给默认值。根本用不上，直接去掉了。// 初始化加载用户信息。// 初始化加载用户信息。
微信小程序渲染图片报错：[渲染层网络层错误] Failed to load local image resource
06-11
这个问题通常是由于小程序无法正确加载图片资源所导致的。你可以尝试以下几个解决方法： 1. 确保图片路径正确：检查图片路径是否正确，包括文件名、文件夹路径等。 2. 检查图片格式：小程序支持的图片格式为jpg、jpeg、png、gif、webp等。如果你使用了其他格式的图片，可能会出现加载失败的问题。 3. 检查图片大小：小程序对于单张图片的大小限制为 2 MB，如果你的图片大小超过了这个限制，也会出现加载失败的问题。 4. 检查网络连接：如果你使用的是远程图片资源，需要确保网络连接正常，能够正常访问图片资源。 如果以上方法都不能解决问题，你可以尝试重新上传图片资源或者尝试使用其他图片资源进行测试。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值