GoogleFont追加

sho-ts · Nov 25, 2021 · 6b3daaa · 6b3daaa
1 parent 8fc0163
commit 6b3daaa
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 5 deletions.
diff --git a/frontend/src/assets/css/base.css b/frontend/src/assets/css/base.css
@@ -3,6 +3,10 @@ img {
   height: auto;
 }
 
+body {
+  font-family: 'Noto Sans JP', sans-serif;
+}
+
 @media screen and (min-width: 1024px) {
   body {
     font-size: 18px;

diff --git a/frontend/src/components/organisms/Header.tsx b/frontend/src/components/organisms/Header.tsx
@@ -11,10 +11,12 @@ const Header = () => {
   const handleModalClose = () => setOpen(false);
 
   return (
-    <Wrapper>
-      <SiteLogo />
-      <ToggleButton alia-label="menu"><span /></ToggleButton>
-    </Wrapper>
+    <>
+      <Wrapper>
+        <SiteLogo />
+        <ToggleButton alia-label="menu"><span /></ToggleButton>
+      </Wrapper>
+    </>
   )
 }
 

diff --git a/frontend/src/pages/_document.tsx b/frontend/src/pages/_document.tsx
@@ -1,4 +1,4 @@
-import Document, { DocumentContext } from 'next/document';
+import Document, { Html, Head, Main, NextScript, DocumentContext } from 'next/document'
 import { ServerStyleSheet } from 'styled-components';
 
 export default class MyDocument extends Document {
@@ -27,4 +27,18 @@ export default class MyDocument extends Document {
       sheet.seal();
     }
   }
+
+  render() {
+    return (
+      <Html>
+        <Head>
+          <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap" rel="stylesheet" />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    )
+  }
 }