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

Configuration

nuxt.config.ts

export default defineNuxtConfig({
  modules: [
  	// You can change Geist to your preferred font
    ['@nuxtjs/google-fonts', { families: { Geist: { wght: '200..900' } } }],
  ],
})

Tailwind

app/assets/css/tailwind.css

@theme {
  /* You can change Geist to your preferred font */
  --font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
}