使用svg在iconmoon上创建图标字体，将其命名为sell-icon，然后在其中复制四个文件（sell-icon.eot \ sell-icon.svg \ sell-icon.ttf \ sell-icon.woff）将fonts文件夹放入common fonts文件夹，将style.css文件导入common / stylus，然后将其更改为手写笔。格式化（删除括号和分号）并将其重命名为icon.styl。
icon.styl具有：
@font-face {
font-family: 'sell-icon';
......
}
......
.icon-keyboard_arrow_right:before {
content: "\e900";
}
我想在head.vue中使用它
<template>
......
<i class="icon-keyboard_arrow_right"></i>
......
</template>
.......
<style lang="stylus" rel="stylesheet/stylus">
@import "../../common/stylus/mixin"
.....
.icon-keyboard_arrow_right
margin-left: 2px
line-height: 24px
font-size: 10px
</style>
但是不幸的是，icon-keyboard_arrow_right没有出现在我的网页中。我的代码似乎没有错。
谁可以帮助我？