fix: 모바일에서 폰트가 변경하지 않는 현상 해결

LikeLion-KNU · May 15, 2024 · 385f58e · 385f58e
1 parent dbca3a5
commit 385f58e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/pages/SpecialGuestPage.styled.tsx b/src/pages/SpecialGuestPage.styled.tsx
@@ -8,7 +8,8 @@ export const MainContent = styled.div`
     margin-top: 20px;
     position: relative;
     p {
-        text-shadow: 0px 4px 4px rgba(0, 0, 0, 25%);
+        text-shadow: 0px 2px 4px rgba(0, 0, 0, 25%);
+        font-family: "Blinker SemiBold", monospace;
     }
 `;
 export const BackImg = styled.img`

diff --git a/src/styles/globals.ts b/src/styles/globals.ts
@@ -5,7 +5,12 @@ export const GlobalStyle = createGlobalStyle`
 
   @font-face {
     font-family: "MesloLGS NF Bold";
-    src: url("./assets/MesloLGS-NF-Bold.ttf") format("truetype");
+    src: url("src/assets/MesloLGS-NF-Bold.ttf") format("truetype");
+  }
+
+  @font-face {
+    font-family: "Blinker SemiBold";
+    src: url("src/assets/Blinker-SemiBold.ttf") format("truetype");
   }
 
   body {