app.vue
@import './common/css/iconfont.css';
iconfont
@font-face {
font-family: "icon";
/* Color fonts */
src:
url('iconfont.ttf?t=1661307187153') format('truetype');
}
.icon {
font-family: "icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.shangchuantouxiang:before {
content: "\e629";
}
.shangyibu:before {
content: "\e628";
}
...... 省略部分
page
// class 用法
<text class="icon a-shijian2 mr-10"></text>
// Unicode 用法
<text class="icon mr-10"></text>
eachann (作者)
请查看下，更新了详细的版本。
2022-08-24 10:19