フォントの種類

使用法

Nuxt UIは自動的に@nuxt/fontsモジュールを登録しますので、追加のセットアップは必要ありません。

宣言

Nuxt UIアプリケーションでフォントを使用するには、CSSでフォントを宣言するだけです。自動的に読み込まれ、最適化されます。

@import "tailwindcss";
@import "@nuxt/ui";

@theme {
  --font-sans: 'Public Sans', sans-serif;
}

設定

nuxt.config.tsのui.fontsオプションを使用して、@nuxt/fontsモジュールを無効にできます。

export default defineNuxtConfig({
  ui: {
    fonts: false
  }
})