Merge pull request #149 from gridaco/staging

softmarshmallow · web-flow · commit 5ae059428382 · 2021-08-25T14:59:17.000+09:00
Code UI Font styles update
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 />
