原代码:
main.js:
import 'src/assets/styles/iconfont/iconfont.css'
header.vue:
<span class="icon-jiantou"></span>
iconfont.css:
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-jiantou:before {
content: "\e627";
}
问题:显示小方块
错误原因:
span class中没有引入iconfont
更改:
<span class="iconfont icon-jiantou"></span>
正确显示iconfont图标: