字体

用法

Nuxt UI 会自动为您注册 @nuxt/fonts 模块，因此无需额外设置。要在您的 Nuxt UI 应用程序中使用字体，您只需在 CSS 中声明它。它将自动为您加载和优化。

@import "tailwindcss";
@import "@nuxt/ui";

@theme {
    --font-sans: 'Public Sans', sans-serif;
}

@import "tailwindcss";
@import "@nuxt/ui-pro";

@theme {
  --font-sans: 'Public Sans', sans-serif;
}

您可以使用 nuxt.config.ts 中的 ui.fonts 选项禁用 @nuxt/fonts 模块：

export default defineNuxtConfig({
  ui: {
    fonts: false
  }
})