Typography

Custom global typography inside:

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

Install new font

npm install @fontsource-variable/inter

Update

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

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

Reference: