1.在阿里图标库中新建文件,找到自己想要的图标放进去,点击复制代码放入app.vue中
@font-face {
font-family: 'iconfont'; /* project id 1381506 */
src: url('//at.alicdn.com/t/font_1381506_wh22uwhye3.eot');
src: url('//at.alicdn.com/t/font_1381506_wh22uwhye3.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1381506_wh22uwhye3.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1381506_wh22uwhye3.woff') format('woff'),
url('//at.alicdn.com/t/font_1381506_wh22uwhye3.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1381506_wh22uwhye3.svg#iconfont') format('svg');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-gengduo:before {
content: "\e64c";
}
//引用
<text class="iconfont icon-gengduo"></text>