Fonts

Description

Official Nuxt Fonts Module

Install

pnpm dlx nuxi module add fonts

Config

.data

Add .data dir to project root, and .gitignore.

Provider

Configure font provider in nuxt.config.ts:

    modules: [
        '@nuxt/fonts'
    ],
    fonts: {
        provider: 'google',
        families: {
            'Font Family Name': true
        }
    }

Usage

Declare a font-family in CSS to use a font:

some-element { font-family: Roboto, sans-serif; }

Nuxt 3 Fonts

For more info see Using Fonts in Nuxt 3.