Possible Nuxt fonts
by @danielroe.dev · 21 September 2026
preview
Words set in your very own font stack
A page is mostly body text, so the font face that matters the most is the one you look at least. It's amazing how small changes make a big difference to the impression you get of a page. Read this paragraph, then check the monospace text below.
const stack = { heading: 0.1, body: 1.0, mono: 0.3 } // 1234567890headingOutfit
bodyInter
monoJetBrains Mono
import { createUnifont, providers } from 'unifont'
const unifont = await createUnifont([providers.google(), providers.fontshare(), providers.bunny()])
const heading = await unifont.resolveFont('Outfit', { weights: ['600'] })
const body = await unifont.resolveFont('Inter', { weights: ['350', '700'], styles: ['normal', 'italic'] })
const mono = await unifont.resolveFont('JetBrains Mono', { weights: ['400'] })