添加阿里infont图标

阿里infont图标"/>

添加阿里infont图标

1.创建css

@font-face {font-family: 'iconfont';  /* project id 3292342 */src: url('');src: url('?#iefix') format('embedded-opentype'),url('//at.alicdn/t/font_3292342_f529rt08ywt.woff2') format('woff2'),url('//at.alicdn/t/font_3292342_f529rt08ywt.woff') format('woff'),url('//at.alicdn/t/font_3292342_f529rt08ywt.ttf') format('truetype'),url('#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;
}

2.在main.js中加入

import "@/assets/infont.css"

3.在index.html引入

  <link rel="stylesheet" href="//at.alicdn/t/font_3292342_f529rt08ywt.css">

4.页面使用

    <i class="iconfont">&#xe600;</i>