Changing default font

There is two way to inject font-family.

• You can add the font link inside head of the public/index.html.

  Copy

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

• You can install typeface font package and import like we do at src/index.tsx

  Copy

  import 'typeface-roboto';

You need to add typography.fontFamily values into the desired theme config at src/configs/themesConfig

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

There is also font-family assignment at src/styles/app-base.css

html {
	font-size: 62.5%;
       font-family: 'Inter var', Roboto, Helvetica Neue, Arial, sans-serif;
       background-color: #121212;
       -webkit-font-smoothing: antialiased;
       text-size-adjust: 100%;
}