安装Nuxt4时,如果安装了@nuxt/ui或@nuxt/fonts,那大概率会出现google fonts加载或SFMono-Regular的问题,按下面的方法可以解决.
// https://nuxt.com/docs/api/configuration/nuxt-config export default defineNuxtConfig({ compatibilityDate: '2025-07-15', devtools: { enabled: true }, modules: [ '@nuxt/eslint', '@nuxt/image', '@nuxt/scripts', '@nuxt/ui' ], fonts: { injectFontFace: false, providers: [ { name: 'bunny', url: 'https://fonts.bunny.net', // 替代 Google Fonts }, ], } })
其中的重点是:
fonts: { injectFontFace: false, providers: [ { name: 'bunny', url: 'https://fonts.bunny.net', // 替代 Google Fonts }, ], }