DocumentationRemix and Supabase V2

Update the default fonts of your SaaS

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.