微信小程序如何使用阿里图库

 1.在阿里图库的下载图标代码

 2.将iconfont.css 文件中的css代码复制到你要用的wxss当中
        @font-face {
font-family: "iconfont";
src: url('iconfont.eot?t=1544693275711');
/* IE9*/
src: url('iconfont.eot?t=1544693275711#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAASMAAsAAAAABtQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY7d0bzY21hcAAAAYAAAABLAAABcOYpsq1nbHlmAAABzAAAANkAAADg8pRfYmhlYWQAAAKoAAAALwAAADYTj9IzaGhlYQAAAtgAAAAcAAAAJAfeA4NobXR4AAAC9AAAAAgAAAAICAAAAGxvY2EAAAL8AAAABgAAAAYAcAAAbWF4cAAAAwQAAAAeAAAAIAEOAFJuYW1lAAADJAAAAUUAAAJtPlT+fXBvc3QAAARsAAAAHwAAADDU+2pveJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMj5lZG7438AQw9zA0AAUZgTJAQDdIwvjeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf8r4/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQAo5glpAHicY2BiYPjfy/yFuZjBgMGVgYFRj5GPUVxMlI+RXY9R3Y7R3EhMXMyOUU0dCJWV2IHCbCLickAVRuZASTNTE1Z1NT5GEXlGMXFjI3NGO6B+dkY25g+M4vLCjEys77du+cDK+mGLZ6slr6wwM4+jb2BYamxkl5q6ulpXZOyp2KhONfW/zzdwy4lybxCTZZQVZbzFzSQqy/NPnYlxjYAwszi/iNDW9yAjgAbp63IyS8pyGcvIIOlWV+uMik0VW7qCm1FclnuFCKMw4yJuWXEmrn9xjAwMAN5EMSUAAAB4nGNgZGBgAOLk5KnL4vltvjJwszCAwA0Ld2kE/b+XhYG5GMjlYGACiQIAAu0IpgB4nGNgZGBgbvjfwBDDwgACQJKRARUwAQBHCAJrBAAAAAQAAAAAAAAAAHAAAHicY2BkYGBgYnADYgYwi4GBCwgZGP6D+QwAD4QBYQAAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAiZGJkZmBLaU0Mz2/lIEBABCkAqkA') format('woff'), url('iconfont.ttf?t=1544693275711') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg?t=1544693275711#iconfont') format('svg');
/* iOS 4.1- */
}

.iconfont {
font-family: "iconfont" !important;
font-size: 15px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-duigou:before {
content: "\e501";
}

 3.在wxml的中引用
      例: <icon class="iconfont icon-duigou"></icon>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 阿里矢量图标库:http://www.iconfont.cn/ 登录iconfont,我使用的事Github账号进...
    笑疯子阅读 12,522评论 0 2
  • 不知道.... 自己为什么想听她对我热情,还有对我卖萌的声音..... 因为那时候能深深感觉到那种很暖很暖的心情 ...
    无___阅读 402评论 0 0
  • 一声雷,可以无端的惹哭满天的云;一声杜鹃啼,可以斗急了一城杜鹃花;一阵风起,每一棵柳都会吟出一则则白茫茫、虚飘飘...
    37号潘晓军阅读 1,549评论 0 0
  • 我在想昨日午夜的星辰, 今日清晨的露珠, 和即将入梦的你, 以及门前的河流将归向何处。
    木子檀阅读 1,463评论 0 1
  • 今天听了几节萧秋水的《学习知识管理,优秀到不能被忽视》,对与文字的写作有了几点感受。 1、输入与输出 写作100天...
    温妮小世界阅读 1,481评论 0 0

友情链接更多精彩内容