字体

nuxt/fonts
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;
}
app/assets/css/main.css
@import "tailwindcss";
@import "@nuxt/ui-pro";

@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，可以轻松地在浅色和深色主题之间切换。