🆎Change Typography

Manage the theme Typography in one shot.

1. Install the font family you want to use from Fontsource.

   • Refer to the official guide: Fontsource - Getting Started.

2. Replace the old font family with your new one.

   • To do this, open src/main.ts.

   • Update the Google Fonts import section with your new font.

     // google-fonts - update here & add new fonts
     import '@fontsource/open-sans/300.css'
     import '@fontsource/open-sans/400.css'
     import '@fontsource/open-sans/500.css'
     import '@fontsource/open-sans/600.css'

3. For Change Typography - Go to src/assets/scss/settings/_bootstrap-variables.scss

_bootstrap-variables.scss

$font-family-sans-serif: 'Open Sans', sans-serif; // change