Fonts

nuxt/fonts
Pohon UI integrates with Nuxt Fonts to provide plug-and-play font optimization.

Usage

Pohon UI automatically registers the @nuxt/fonts module for you, so there's no additional setup required.

Declaration

To use a font in your Pohon UI application, you can simply declare it in your CSS. It will be automatically loaded and optimized for you.

app/assets/css/main.css
@theme {
  --font-sans: 'Public Sans', sans-serif;
}

Configuration

You can disable the @nuxt/fonts module with the pohon.fonts option in your nuxt.config.ts:

nuxt.config.ts
export default defineNuxtConfig({
  pohon: {
    fonts: false
  }
});