Changing Font
In react version change with scss file.
-
Go to index.html and update google fonts link
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <linkhref="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300&display=swap"rel="stylesheet">
- Go to src/assets/scss/_variable.scss and change font family variable
$font-family-sans-serif: 'Roboto', -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans",Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$font-family-monospace: 'Roboto', sans-serif, "Liberation Mono", "Courier New", monospace !default;