Fonts

Alixan UI uses Geist for documentation, but components do not require a specific font. You can install any font and map it to Tailwind tokens.

For more detailed information, visit the Nuxt Fonts documentation.

Installation

npm install @nuxtjs/google-fonts

nuxt.config.ts

export default defineNuxtConfig({
  modules: [
  	// Change to your font
    ['@nuxtjs/google-fonts', { families: { Geist: true } }],
  ],
})

app/assets/css/tailwind.css

@theme {
  /* Change to your font */
  --font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
}