set global font

dragonsuperf · Mar 27, 2021 · 4c64c6b · 4c64c6b
1 parent 807259d
commit 4c64c6b
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 1 deletion.
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
@@ -5,6 +5,7 @@ const HeaderWrapper = styled.div`
   display: flex;
   justify-content: center;
   border-bottom: 1px solid ${(props) => props.theme.weakBorder};
+  height: 50px;
 `;
 
 const HeaderContainer = styled.div`

diff --git a/src/components/sidebar/SideBar.tsx b/src/components/sidebar/SideBar.tsx
@@ -10,7 +10,7 @@ const SideBarContainer = styled.aside`
   display: block;
   flex-direction: column;
   & > ol {
-    max-height: 700px;
+    max-height: calc(92vh - 50px);
     overflow-y: scroll;
   }
 `;

diff --git a/src/styles/global.ts b/src/styles/global.ts
@@ -1,6 +1,24 @@
 import { createGlobalStyle } from 'styled-components';
 
 const GlobalStyle = createGlobalStyle`
+  @font-face {
+    font-family: 'NanumSquare';
+    font-weight: 400;
+    src: url('../../statics/fonts/NanumSquareRoundL.ttf') format('truetype');
+  }
+  
+  @font-face {
+    font-family: 'NanumSquareBold';
+    font-weight: 700;
+    src: url('../../statics/fonts/NanumSquareRoundB.ttf') format('truetype');
+  }
+  
+  @font-face {
+    font-family: 'NanumSquareExtraBold';
+    font-weight: 800;
+    src: url('../../statics/fonts/NanumSquareRoundEB.ttf') format('truetype');
+  }
+
   * {
     margin: 0;
     padding: 0;
@@ -10,6 +28,7 @@ const GlobalStyle = createGlobalStyle`
 
   body {
     box-sizing: border-box;
+    font-family: 'NanumSquare', sans-serif;
   }
 `;
 

diff --git a/statics/fonts/NanumSquareRoundB.ttf b/statics/fonts/NanumSquareRoundB.ttf
diff --git a/statics/fonts/NanumSquareRoundEB.ttf b/statics/fonts/NanumSquareRoundEB.ttf
diff --git a/statics/fonts/NanumSquareRoundL.ttf b/statics/fonts/NanumSquareRoundL.ttf
diff --git a/statics/fonts/NanumSquareRoundR.ttf b/statics/fonts/NanumSquareRoundR.ttf