版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。
相信和我一样用惯了 iconfont 的同学们,很难放弃使用它,因为再也不用追着ui给制作小图标了,我们总能找到心仪的小图标, 哈哈哈~ 简直不要太开心! 那么在小程序里,我们要怎么使用iconfont呢?请往下看~
官网:
第一步:在官网中选好自己心意的图标加入购物车
第二步:添加到项目并下载
第三步:将iconfont.css 文件中的内容拷贝到 .wxss 文件中
我建议拷贝到app.wxss 中,这样就可以在整个项目中使用 iconfont 图标,当然,如果你只想在局部使用它,那么就拷贝到对应模块的 .wxss 中即可
/**app.wxss**/.container{height:100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;box-sizing: border-box;font-size:28rpx;color:#333; }/* 引入iconfont */@font-face{font-family:"iconfont";src:url('iconfont.eot?t=1528182562648');/* IE9*/src:url('iconfont.eot?t=1528182562648#iefix')format('embedded-opentype'),/* IE6-IE8 */url('data:application/x-font-woff;charset=utf-8;base64,d