1、引入字体文件
其中:修改iconfont.css文件中相对路径为绝对路径寻址:
@font-face {
font-family: "iconfont"; /* Project id 3682224 */
src: url('@/static/fonts/iconfont.woff2?t=1667640554436') format('woff2'),
url('@/static/fonts/iconfont.woff?t=1667640554436') format('woff'),
url('@/static/fonts/iconfont.ttf?t=1667640554436') format('truetype');
}
2、在App.vue的style中引入iconfont.css
@import "@/static/fonts/iconfont.css";
3、使用iconfont字体
<text class="iconfont icon-a-21-xiugai"></text>