⚙ Setting(#37): GlobalFont 삭제 및 subset 폰트 적용

modern-agile-team · Nov 6, 2024 · c726cbf · c726cbf
1 parent e8cdc1e
commit c726cbf
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 20 deletions.
diff --git a/index.html b/index.html
@@ -5,6 +5,11 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="./src/style/index.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/gh/fonts-archive/Maplestory/subsets/Maplestory-dynamic-subset.css"
+      type="text/css"
+    />
     <title>CokoEdu</title>
   </head>
   <body>

diff --git a/src/App.tsx b/src/App.tsx
@@ -4,7 +4,6 @@ import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { ThemeProvider } from 'styled-components';
 import { media } from './style/media';
 import GlobalStyle from './style/GlobalStyle';
-import GlobalFont from './style/GlobalFont';
 
 function App() {
   const queryClient = new QueryClient({
@@ -20,7 +19,6 @@ function App() {
       <QueryClientProvider client={queryClient}>
         <ThemeProvider theme={media}>
           <GlobalStyle />
-          <GlobalFont />
           <Router />
         </ThemeProvider>
         <ReactQueryDevtools initialIsOpen={false} />

diff --git a/src/fonts/NexonMaplestoryBold.woff2 b/src/fonts/NexonMaplestoryBold.woff2
diff --git a/src/fonts/NexonMaplestoryLight.woff2 b/src/fonts/NexonMaplestoryLight.woff2
diff --git a/src/style/GlobalFont.ts b/src/style/GlobalFont.ts
diff --git a/src/style/GlobalStyle.ts b/src/style/GlobalStyle.ts
@@ -2,7 +2,7 @@ import { createGlobalStyle } from 'styled-components';
 
 const GlobalStyle = createGlobalStyle`  
   *, *::before, *::after {
-    font-family : "MaplestoryLight";
+    font-family : Maplestory;
     margin: 0;
     padding: 0;
     box-sizing: border-box;