Nuxt3引入iconfont方法

把iconfont上的压缩文件下载到本地并解压

1.在nuxt.config.ts文件配置

export default defineNuxtConfig({
	app: {
		head: {
			script: [
				{ src: 'https://mp-f96954bf-644e-4616-92bc-6f5a9c1061cf.cdn.bspapp.com/iconfont.js', type: "text/javascript", body: true }
			]
		}
	},
	css: [
		'@/assets/fonts/iconfont.css'
	]
})

2.把下面三个文件放入/assets/fonts/ 路径下

然后在layouts/default.vue（如果保留了app.vue，就在app.vue导入）导入

<style>
@font-face {
  font-family: 'iconfont';  /* Project id 4301938 */
  src: url('/assets/fonts/iconfont.woff2') format('woff2'),
       url('/assets/fonts/iconfont.woff') format('woff'),
       url('/assets/fonts/iconfont.ttf') format('truetype');
}
</style>

这样就把iconfont引入项目内了。