当前位置: 首页 > article >正文

微信小程序,引用字体图标的渲染问题

在项目中使用到的小图标,一般由公司设计师进行设计,设计好以后上传到阿里巴巴矢量图标库,然后方便程序员来进行使用。

小程序中的字体图标使用方式与web开发中的使用方式是一样的。

注意事项:

使用字体图标可能会报错:[渲染层网络层错误] Failed to load font…,该错误可以忽略(重加载报错消失,但是清除缓存后加载,报错再次出现。)

但在控制台出现错误,会影响开发调试,解决方案:将字体图标转换成 base64 的格式。

引用方式:

1.在assets文件夹里面自定义新建文件夹存放图标文件,命名为 iconfont.scss(项目中已安装sass插件,文件后缀wxss修改为scss)

2.在app.scss引入iconfont.scss的图标文件,即可全局引用

@import './assets/iconfont/iconfont.scss'

3.解决报错问题,在图标库网页的项目设置中,把字体格式Base64勾上,并重新生成代码。把代码复制到iconfont.scss文件里面替换原代码。


http://www.kler.cn/a/428401.html

相关文章:

  • github登录用的TOTP和恢复码都丢失了怎么办
  • 【系统环境丢失恢复】如何恢复和重建 Ubuntu 中的 .bashrc 文件
  • 白玉微瑕:闲谈 SwiftUI 过渡(Transition)动画的“口是心非”(下)
  • OpenVela 各模块之间的交互方式和数据流
  • 人工智能之深度学习_[4]-神经网络入门
  • Tensor 基本操作1 unsqueeze, squeeze, softmax | PyTorch 深度学习实战
  • 【SKFramework框架核心模块】3-6、FSM有限状态机模块
  • 菜鸟每日刷牛客NP39
  • mysql怎么获取当前日期
  • 101种美食-图像分类数据集
  • 电源的串并联
  • 【MsSQL】数据库基础 库的基本操作
  • Unity热更新 之 Addressables(1) 资源基础加载
  • Vue CLI的作用
  • 关于HTTP DEBUGGER PRO的DURATION列一点理解
  • 在Linux(ubuntu22.04)搭建rust开发环境
  • Java-19 深入浅出 MyBatis - 用到的设计模式 源码剖析 代理设计模式
  • 【数据库】复习
  • import是如何“占领满屏“
  • QT模型/视图结构:ListModel与TableModel
  • 前端工程化面试题(一)
  • Apache AGE:基于PostgreSQL的图数据库
  • 如何通过AI“一键生成PPT”提升工作效率与创意表达
  • vscode配置django环境并创建django项目(全图文操作)
  • DemoFusion 技术浅析(三):渐进式上采样
  • MR30分布式IO模块赋能喷水织机