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
}
})