Buy nowGet update
  • getting started
    • Introduction
    • Quick start
    • Mock server
    • Deployment
    • Package & license
    • Setup
    • Figma
  • theme UI
    • Colors
    • Typography
    • IconsNEW
    • Shadows
    • Css vars
    • Logo
    • Layout
    • Navigation
    • Settings
  • Global
    • Styles
    • Config
    • Components overrides
  • development
    • Routing
    • Subfolder
    • Authentication
    • Environment variables
    • Api calls
    • Multi language
    • Structure
    • Clean project
    • Dependencies
    • Tailwind
    • Migrate to CRA
    • Credit assets
  • support
    • 🔵 Update
    • 🔴 Faqs & support
    • 🟣 Changelogv7.4.0
© All rights reserved.ContactHome

Typography

Latestv6.1.0v5

Custom global typography inside src/theme/core/typography.


Install

npm install @fontsource-variable/inter

src/global.css

@import '@fontsource-variable/inter';

src/theme/core/typography.js

const primaryFont = setFont('Inter Variable');

Reference:
  • https://fontsource.org/fonts/inter
  • https://minimals.cc/components/foundation/typography