小程序分包加载不同项目字体图标引用问题

最新推荐文章于 2022-09-14 01:31:20 发布
最新推荐文章于 2022-09-14 01:31:20 发布
阅读量192 收藏 3
点赞数 3
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lamour99/article/details/119377043
版权

小程序分包加载不同项目字体图标引用问题

问题描述：

当主项目中使用了字体图标样式 子项目中也使用了字体图标样式，如果2个项目的字体图标不来自同一个地址的引用，会存在字体图标乱码现象

如 商城中分包加载优惠券项目 2项目字体图标上传在不同位置 因此需要各自加载 如图

image.png

存在问题

优惠券引用图标变成商城的字体图标了

image.png

解决办法

把子项目中字体图标css中的iconfont重新赋值

 

image.png

替换后如图 

image.png

页面中引用你赋值用户的值 问题解决如图

image.png

 

 

Lamour99
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序引入字体图标
foreverzwl
05-28 459
微信小程序中使用字体图标需要将ttf文件编码为base64才能使用。网上查一般使用：https://transfonter.org/，进行在线转换，我在使用该网站时，无法成功上传文件，只能想别的办法。 使用https://www.motobit.com/util/base64-decoder-encoder.asp该网站编码ttf文件 一、准备好自己的字体图标库 例如：https://ico...
小程序：使用分包异步化解决一个分包引入另一个分包的组件/函数的问题
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
02-28 5886
小程序使用分包异步化解决一个分包引入另一个分包的组件/函数的问题
微信小程序-分包，分包预加载
qq_61869009的博客
09-14 1717
微信小程序分包，uiapp小程序分包操作，分包
微信小程序使用自定义组件
weixin_46745445的博客
04-30 797
微信小程序父组件调用自定义组件的方法
微信小程序引入外部iconfont 字体 不显示原因分析
qyx189573的博客
01-14 2321
模拟器上正常 真机不显示 原因 安卓手机不显示，显示为 一个框中的X @font-face { font-family: "iconfont"; src: url('https://xxx/iconfont.eot'); /* IE9*/ src: url('https://xxx/iconfont.eot?#iefix') format('embedded-opentype'), url('https://xxx/iconfont.woff') format('
微信小程序分包加载实战
03-29
微信小程序采用的是类似离线包加载方案，以 转转 小程序为例，当用户第一次打开时会先下载好所有代码，然后再加载页面；当用户再次进入转转小程序时，会直接使用已下载的代码，省去了代码下载的过程，打开速度更快...
微信小程序分包加载代码实现方法详解
10-16
主要介绍了微信小程序分包加载代码实现方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
小程序如何使用分包加载的实现方法
10-16
主要介绍了小程序如何使用分包加载的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序 支付宝小程序 分包加载
08-29
微信小程序 支付宝小程序 分包加载
小程序分包加载功能升级，新增性能监控
03-29
“ 小游戏新增分包加载功能。运用分包功能后，小程序或小游戏代码包总上限可提升至 8M。运维中心新增加载性能监控，帮助开发者了解并优化小程序加载性能。”     01 — 分包加载功能升级   开发者可以将小游戏...
小程序主包和分包得资源可以相互引用吗？
肖肖肖丽珠的博客
01-12 8221
主包里的资源（js, template, wxss, components, 图片）都是全局的，可以被公用；而每个分包相当于有自己的“作用域”，自己的资源，只能用自己的或者使用主包的，但不能使用其他子包的资源。 可以把你写的这个页面放在用的比较多的分包里面。这样这个页面可以使用自己分包和主包里面得内容。实在是没办法用的还是得重新写。 ...
微信小程序引入外部字体总结（针对安卓加载缓慢问题）
与光的博客
04-18 6046
最近有个项目需求，需要改变小程序所有文字的字体。 查了资料后发现，本地加载字体文件导致小程序太大。动态加载文件，苹果真机完美，但是在安卓的真机上引入的外部字体加载会很慢，会有很明显的默认字体切换到外部字体的过程，体验极差。 最后采用小程序分包的形式完美解决，所以做下总结，希望帮助到有需要的人。 引入外部字体，已知的有两种方式。 1.本地加载。 将外部字体文件（类型为.ttf、.eot等）上传至ht...
小程序系列--如何使用分包加载
图解前端的博客
05-21 8855
在小程序开发的过程中，小程序的体积会随着版本的迭代变的越来越大，这时候我们就希望能够将小程序分成多个包从服务器下载，这样既可以加快首屏的渲染也便于后续按需加载的实现。小程序在微信客户端 6.6.0，基础库 1.7.3 及以上版本开始支持 分包功能。在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分...
【小5聊】小程序加载字体方法
小5聊的博客
12-10 591
wx.loadFontFace ({ family: 'PingFangSC-Medium', source: 'url("https://www.cafei168.com/api/Content/font/PingFang_Medium_downcc.otf")', success: function(){console.log('load font success')} });
小程序超过2M限制的方法——分包加载
热门推荐
未央大佬的专栏
04-22 11万+
背景：2017.01.09 小程序上线时，微信限制了代码包不能超过1MB 大小，（现在是2M了）限制大小是出于对小程序启动速度的考虑，希望用户在使用任何一款小程序时，都能获得一种“秒开”体验。然而，2MB 的大小也限制了小程序功能的扩展，小程序业务的发展可能需要更大的体积。那么，能否有一种方案，在增加小程序包大小的同时，也能保持不错的启动速度呢？为了解决这个矛盾点，微信推出了「分包加载」这个技术方...
微信小程序--引用第三方组件
雨Winning
06-28 4170
小程序如何引用第三方组件
微信小程序使用iconfont遇到的问题
u010735316的博客
08-23 2238
1.和正常web项目一样，将iconfont用到的所有文件放到自己小程序对应的文件夹里（我是在根目录下新建了static文件夹，用来放项目需要的资源文件，比如图片、字体包）。 2.在app.wxss里引入iconfont.css报错 @import “./static/font/iconfont.css”; 此时问题一出现了： File not found: ./static/font/iconfont.css 原因：小程序不支持css文件 解决方法：需要将css后缀改成wxss @import "./st
微信小程序开发(十) - 引用外部文件 - wxml 引用
lendq的Blog
03-08 3064
引用 WXML 提供两种文件引用方式import和include。 import import可以在该文件中使用目标文件定义的template，如： 在 item.wxml中定义了一个叫 item 的template： <!-- item.wxml --> <template name="item"> <text>{{text}}&lt...
小程序中引入外部字体的三种方式以及出现的问题
qdm13209211861的博客
08-05 6660
小程序中引入外部字体的三种方式以及出现的问题
微信小程序 分包静态资源 不能引用
最新发布
07-28
微信小程序分包静态资源不能引用的问题可能有几个原因。首先，确保你的静态资源文件大小不超过200KB，因为小程序对静态资源的大小有限制。其次，检查你的静态资源文件格式是否符合要求，例如tarbar的图标icon只能是...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值