Post

Nuxt
@nuxt.com

happy sunday! fonts.nuxt.com v1 is out 🎉 if you haven't tried it, here's how: 1️⃣ use `font-family` in css or tailwind ✅ ... and you're done! nuxt will detect the font, self-host it, and generate preloads + font metrics to cut layout shift + load time no configuration required ✨

Nuxt
@nuxt.com

👉 it's built with three other libraries that also just reached v1 🎂 ⚪ `unifont` - to resolve metadata ⚪ `fontaine` - to cut layout shift ⚪ `fontless` - to apply it agnostically for all vite-based frameworks ⚡

daniel r(ooooooh) in nyc 🇺🇸@danielroe.dev

I'm really delighted to announce that 🎂 `unifont` has turned 1.0 … and it finally has a home! ✨

unifont.devEvery font CDN, one lookup · unifontunifont reads font metadata from Google Fonts, Bunny, Fontshare, Fontsource and npm through one API. Look up a family, see what it really offers, and copy the CSS.
Nuxt
@nuxt.com

plus, some long-requested new features: 🎛️ arbitrary variable axes ✂️ subset fonts down to the glyphs you use 🏋️ named weights - `weights: ['medium', 'semibold']` ⚡ preload by subset or unicode range

0 reposts1 like

Nuxt
@nuxt.com

oh, and the devtools panel is all new 💅 you can easily see every family resolved, which provider it comes from, where the face is used, and any warnings ... 👉 plus, it's built on devfra.me - a framework-neutral foundation for devtools from @antfu.me

devfra.meBuild a devtool once. Mount it anywhere.Devframe is a framework-neutral foundation for devtools. One definition becomes a Web Standard handler you can mount into any host framework, ship as a CLI or static report, and expose to coding agent...
Nuxt
@nuxt.com

thank you to everyone who got us here ❤️ … and let us know what you think! 🙏