Merge pull request #149 from gridaco/staging

Code UI Font styles update
gridaco · Aug 25, 2021 · 5ae0594 · 5ae0594 · vercel · Aug 25, 2021
2 parents 70eba2c + 3bfa399
commit 5ae0594
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/app/lib/pages/code/code-options-control.tsx b/app/lib/pages/code/code-options-control.tsx
@@ -191,7 +191,8 @@ function __lang_to_docstring_lang(lang: Language): LanguageType {
 }
 
 const Wrapper = styled.div`
-  // for reset body margin 8px
-  /* margin-right: -8px; */
-  /* margin-left: -8px; */
+  div,
+  ul {
+    font-family: "Source Code Pro", "Courier New", "Lucida Console", Monaco;
+  }
 `;
diff --git a/web/pages/_document.tsx b/web/pages/_document.tsx
@@ -23,6 +23,18 @@ export default class HeadDocument extends Document {
           `,
             }}
           />
+
+          <link rel="preconnect" href="https://fonts.googleapis.com" />
+          <link rel="preconnect" href="https://fonts.gstatic.com" />
+          <link
+            href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500italic,500,700,700italic,900,900italic"
+            rel="stylesheet"
+            type="text/css"
+          />
+          <link
+            href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400&display=swap"
+            rel="stylesheet"
+          />
         </Head>
         <body>
           <Main />