原生微信小程序中使用-阿里字体图标-详解

步骤一

1、打开阿里巴巴矢量图标库

网址:iconfont-阿里巴巴矢量图标库

2、搜索字体图标,鼠标悬浮点击添加入库

3、按如下步骤添加到自己的项目


步骤二

进入微信开发者工具

1、创建 fonts文件夹 > iconfont.wxss 文件,将刚才的代码复制进去

2、在 app.wxss文件 中引入路径

3、在页面中使用

结束 页面中会显示了!!!

相关推荐
梵得儿SHI6 分钟前
Vue 模板语法深度解析:从文本插值到 HTML 渲染的核心逻辑
前端·vue.js·html·模板语法·文本插值·v-text指令·v-html指令
浪裡遊13 分钟前
HTML面试题
前端·javascript·react.js·前端框架·html·ecmascript
More more24 分钟前
uniapp实时查看在线监控,JessibucaMobile实现横屏播放
前端·javascript·uni-app·jessibucamobile
好想早点睡.1 小时前
vue2+UniApp微信小程序集成高德地图
微信小程序·小程序·uni-app
i小杨1 小时前
React 状态管理库相关收录
前端·react.js·前端框架
Jiaberrr1 小时前
解决uni-app通用上传与后端接口不匹配问题:原生上传文件方法封装 ✨
前端·javascript·uni-app
listhi5201 小时前
CSS:现代Web设计的不同技术
前端·css
南囝coding2 小时前
现代Unix命令行工具革命:30个必备替代品完整指南
前端·后端
起风了___2 小时前
Flutter 多端音频控制台:基于 audio_service 实现 iOS、Android 锁屏与通知中心播放控制
前端·flutter
作业逆流成河2 小时前
🎉 enum-plus 发布新版本了!
前端·javascript·前端框架