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

步骤一

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

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

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

原生微信小程序-使用 阿里字体图标 详解_第1张图片

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

 原生微信小程序-使用 阿里字体图标 详解_第2张图片

原生微信小程序-使用 阿里字体图标 详解_第3张图片


步骤二

进入微信开发者工具

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

原生微信小程序-使用 阿里字体图标 详解_第4张图片

2、在 app.wxss文件 中引入路径原生微信小程序-使用 阿里字体图标 详解_第5张图片

3、在页面中使用

原生微信小程序-使用 阿里字体图标 详解_第6张图片

原生微信小程序-使用 阿里字体图标 详解_第7张图片

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

你可能感兴趣的:(原生微信小程序,微信小程序,小程序,前端)