Updating Fonts

Learn how to update the fonts of your Makerkit application

By default, Makerkit uses two fonts:

  1. font-sans: using Apple's default font on Apple devices, or Inter on others
  2. font-heading: uses Urbanist from Google Fonts

The fonts are defined at apps/web/styles/global.css:

@import url('//fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;800&family=Urbanist:wght@500;700&display=swap&display=swap'); --font-sans: -apple-system, Inter, Helvetica, Arial, sans-serif; --font-heading: Urbanist, var(--font-sans);

Please change them to your preferred fonts.

Subscribe to our Newsletter
Get the latest updates about React, Remix, Next.js, Firebase, Supabase and Tailwind CSS