AppView uses system fonts by default in most places. As you’re building a website for an iOS app, most users will come from Apple devices, so the font they will see will be Apple’s SF Pro.

In a few places, like titles of the Hero section or cards inside grids, the font can be customized via the titleFontStyle property.

<Hero
  title="App Title"
  titleFontStyle="cursive"
  ...
/>

Two of the font styles use custom fonts from Google Fonts library: cursive and whimsical. By default they use these fonts:

If you’d like to change these fonts, you can do that by modifying WHIMSICAL_FONT and CURSIVE_FONT constants in the src/constants.ts file.

export const WHIMSICAL_FONT = Caveat({ subsets: ["latin"] });
export const CURSIVE_FONT = Dancing_Script({ subsets: ["latin"] });

Check this documentation  on how to use custom fonts from Google Fonts in Next.js.