Typography

Typography is defined globally and managed in:

  • src/theme/theme-config.ts
  • src/theme/core/typography.ts

Install a custom font

Step 1: Install font

Install Inter Variable
npm install @fontsource-variable/inter

Step 2: Update global files

  • src/global.css
  • src/theme/theme-config.ts
src/global.css
@import '@fontsource-variable/inter';

src/theme/theme-config.ts
fontFamily: {
primary: 'Inter Variable',
// other font configurations
},

🔗 References: