Update font stacks to avoid FOUT

Author: satya164

docusaurus.config.ts

@@ -215,13 +215,6 @@ const config: Config = {
         crossOrigin: 'true',
       },
     },
-    {
-      tagName: 'link',
-      attributes: {
-        rel: 'stylesheet',
-        href: 'https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet',
-      },
-    },
   ],
   scripts: [
     '/js/snack-helpers.js',

src/css/custom.css

@@ -8,10 +8,13 @@
     SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New,
     monospace;
   --ifm-font-family-base:
-    Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', ui-sans-serif,
-    system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
-    Noto Color Emoji;
-  --ifm-heading-font-family: 'Google Sans', var(--ifm-font-family-base);
+    Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial,
+    ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji,
+    Segoe UI Symbol, Noto Color Emoji;
+  --ifm-heading-font-family:
+    Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif,
+    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+  font-weight: normal;
   --ifm-font-size-base: 100%;
   --ifm-line-height-base: 1.75;
   --ifm-code-font-size: 85%;

src/pages/home/Splash/styles.module.css

@@ -55,7 +55,7 @@
 .mainText {
   font-size: 4.375rem;
   color: var(--ifm-home-color-text);
-  font-weight: 700;
+  font-weight: 900;
   margin-bottom: 0.25rem;
 }