Launch Express comes with built-in font optimization and supports both Google Fonts and custom fonts through Next.js´s powerful font system. The font configuration is managed in /src/app/layout.tsx.
Launch Express supports Google Fonts and also Local Fonts.If you want to use it, you can check out the original documentation from Next.js
By default, Launch Express uses the Bricolage_Grotesque font from Google Fonts, but you can easily change this to any other Google Font. Here’s how to use Google Fonts:
layout.tsx
Copy
// Default fontimport { Bricolage_Grotesque as Font } from "next/font/google";// Change to the font you want to useimport { Inter as Font } from "next/font/google";// orimport { Roboto as Font } from "next/font/google";// or any other Google Font
No other configuration is needed. The font will be automatically added to the head of your page.