Merge pull request #253 from scroll-tech/update-doc-typeface

Swap two fonts, 'trans-sans' and 'Roboto Flex', for 'Roboto'

Author: dghelm

src/layouts/MainLayout.astro

@@ -45,18 +45,7 @@ changeLanguage(content.lang)
     <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=Fira+Code:wght@500&family=Roboto+Flex:opsz,wght@8..144,400;8..144,500;8..144,600&display=swap"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Roboto+Flex:opsz,wght@8..144,400;8..144,500;8..144,600&display=swap"
-      rel="stylesheet"
-    />
-
-    <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=Fira+Code:wght@400;500&family=Roboto+Flex:opsz,wght@8..144,400;8..144,500;8..144,600&family=Roboto+Mono:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Roboto+Mono:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap"
       rel="stylesheet"
     />
 

src/styles/design-system/values/font.css

@@ -1,7 +1,7 @@
 :root {
   --font-family-text: "trans-sans", "circular", Arial, "Helvetica Neue", Helvetica, sans-serif;
   --font-family-code: "Roboto Mono", "Fira Code", "Courier New", monospace, sans-serif;
-  --font-family-body-text: "Roboto Flex", "trans-sans", "circular", Arial, "Helvetica Neue", Helvetica, sans-serif;
+  --font-family-body-text: "Roboto", "trans-sans", "circular", Arial, "Helvetica Neue", Helvetica, sans-serif;
 
   /* Font weights */
   --font-weight-normal: 400;

src/styles/index.css

@@ -116,10 +116,6 @@ article > section iframe {
   position: relative;
 }
 
-.main-section :is(h1, h2, h3) {
-  font-family: var(--font-family-text);
-}
-
 .main-section .remix-callout {
   margin-top: 30px;
 }