Changing Font

In react version change with scss file.

1. 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>
   <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap" rel="stylesheet">

2. Go to src/assets/scss/_variable.scss and change font family variable

   $font-family-monospace:      'Heebo', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
   $font-family-sans-serif:       'Roboto', sans-serif, "Liberation Mono", "Courier New", monospace !default;