字体

Nuxt UI 集成了 Nuxt Fonts，为您提供即插即用的字体优化。

用法

Nuxt UI 会为您自动注册 @nuxt/fonts 模块，因此无需进行额外设置。

要在 Nuxt UI 应用程序中使用字体，只需在 CSS 中声明它即可。它将自动为您加载并优化。

app/assets/css/main.css

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

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

您可以通过 nuxt.config.ts 中的 ui.fonts 选项来禁用 @nuxt/fonts 模块。

nuxt.config.ts

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

图标

Nuxt UI 与 Nuxt Icon 集成，可访问来自 Iconify 的超过 200,000 个图标。

颜色模式

Nuxt UI 与 Nuxt Color Mode 集成，可以轻松切换浅色和深色主题。