微信小程序引入阿里巴巴矢量图标库（iconfont字体图标）

由于微信小程序线上的资源限制了各种接口安全域名，所以在小程序里如果想使用iconfont字体图标就需要把平时的iconfont字体图标远程路径换成base64引入。

1.阿里图标下载

在这里插入图片描述

2.将 ttf 文件转换为 base64

转换
1.配置选项，将配置改为如下所示：
2.配置完选项，就可以添加ttf文件开始转换了：
3.转换
4.下载
5.解压找到 .css 文件全部复制到 .wxss文件中
6.再打开阿里下载的 .css 文件
7.带有 :before 的复制到 .wxss文件中
8.最后在页面 .wxss 中引用
9.在页面中直接class里使用

在这里插入图片描述

相关阅读:
【Ubuntu20.04+gcc-9.4.0】Openface在linux下的详细环境配置（2024.4月）
JavaOOP-类、对象、方法、变量作用域及JavaDoc注释
【RV1103】如何新增一个新板级配置
北邮22级信通院数电：Verilog-FPGA（9）第九周实验（3）实现一个具有清零功能的按键计数器，对按键进行计数并显示
postgres 自定义内置函数
前端工程师都在用的 VSCode 常用插件
JavaScript 基础1：变量与数据类型及其转换
matlab解方程组解析解
普乐蛙景区文旅VR体验馆项目沉浸式文旅体验
GemBox.Bundle 47.0.1227 Crack

原文地址：https://blog.csdn.net/estrusKing/article/details/127921804