Changing default font
There is two way to inject font-family.
You can add the font link inside head of the public/index.html.
<link href="https://fonts.googleapis.com/css?family=Roboto&subset=vietnamese" rel="stylesheet">
You can install typeface font package and import like we do at src/index.tsx
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: 'Geist', Roboto, Helvetica Neue, Arial, sans-serif;
background-color: #121212;
-webkit-font-smoothing: antialiased;
text-size-adjust: 100%;
}