1、进入阿里图标库添加自己需要的图标到自己创建的项目。
2、将自己添加的图标下载下来
3、解压后将下面两个文件放入自己准备的目录下,这里演示放在static下
4、修改iconfont.css文件内容如下:
@font-face {
font-family: 'iconfont'; /* project id 2255196 */
src: url('~@/static/iconfont/iconfont.ttf')
}
5、在App.vue引入iconfont
<style lang="scss">
/*每个页面公共css */
@import './static/iconfont/iconfont.css';
</style>
6、使用iconfont
<view class="iconfont icongerenzhongxin"></view>