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

步骤一

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

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

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

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


步骤二

进入微信开发者工具

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

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

3、在页面中使用

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

相关推荐
J***Q2924 小时前
Vue数据可视化
前端·vue.js·信息可视化
ttod_qzstudio5 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
_大龄6 小时前
前端解析excel
前端·excel
一叶茶6 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫6 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端
vx_dmxq2116 小时前
【PHP考研互助系统】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·mysql·考研·微信小程序·小程序·php
Want5957 小时前
HTML音乐圣诞树
前端·html
蹦极的考拉7 小时前
夜间无法登录:ThinkPHP api接口 23:00 准时罢工的排查全纪录
小程序·thinkphp·api接口·无法登陆
老前端的功夫7 小时前
前端浏览器缓存深度解析:从网络请求到极致性能优化
前端·javascript·网络·缓存·性能优化
Running_slave8 小时前
你应该了解的TCP滑窗
前端·网络协议·tcp/ip