整理在小程序页面样式中引入阿里巴巴字体库
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>