整理在小程序页面样式中引入阿里巴巴字体图标

1、登录阿里巴巴字体图标

点我阿里巴巴字体图标库

搜索需要的字体图标

将需要的字体图标点击添加到购车中
添加到项目中，没有就新建项目
跳转到项目页，可以看到已经添加好的图标

点击查看在线链接
可以看到一个css样式的路径

2、在小程序项目中配置

在项目根目录创建存放公共样式的styles目录，新建iconfont.wxss样式文件，将阿里巴巴的css样式复制内容粘贴到文件中
修改公共样式文件app.wxss,导入iconfont.wxss

@import "/styles/iconfont.wxss"

在pages的index目录下index.wxml中调用样式

<view>首页
<text class="iconfont icon-gouwucheman"></text>
</view>

字体图标跟字体一样，可以通过font-size来改变大小，通过指定color来改变他的颜色

<view>首页
<text class="iconfont icon-gouwucheman" style="font-size:40px;color:red"></text>
</view>