Changing default font

You can implement a custom font-family using one of two approaches.

• Incorporate a font link in the head section of the public/index.html file.

  Copy

  <link href="https://fonts.googleapis.com/css?family=Roboto&subset=vietnamese" rel="stylesheet">

• Install a typeface font package and import it, as shown in src/index.tsx.

  Copy

  import 'typeface-roboto';

Ensure you define typography.fontFamily values within the relevant theme settings at src/configs/themesConfig.

default    : {
  typography: {
    fontFamily: [
        'Roboto',
        '"Helvetica"',
        'Arial',
        'sans-serif'
    ].join(','),

The font-family is also specified in src/styles/globals.css.

html {
    font-size: 62.5%;
ily: 'IBM Plex Sans Var', Inter var, Roboto, Arial, sans-serif;
nd-color: #131304;
font-smoothing: antialiased;
e-adjust: 100%;
}