fix: load Inter font for ko locale

Author: jungcome7

apps/extension/src/styles/global.ts

@@ -19,7 +19,7 @@ export const GlobalStyle = createGlobalStyle`
     -webkit-font-smoothing: antialiased;
     
     &[data-lang="ko"] {
-      font-family: 'NotoSansKR', sans-serif;
+      font-family: 'Inter', 'NotoSansKR', sans-serif;
       
       word-break: keep-all;
       word-wrap: break-word;
@@ -49,7 +49,7 @@ export const GlobalStyle = createGlobalStyle`
     color: ${ColorPalette["gray-200"]};
 
     &[data-lang="ko"] {
-      font-family: 'NotoSansKR', sans-serif;
+      font-family: 'Inter', 'NotoSansKR', sans-serif;
     }
   }
 

apps/extension/src/use-load-fonts.ts

@@ -2,40 +2,43 @@ import { useLayoutEffect, useRef, useState } from "react";
 import { useLanguage } from "./languages";
 import { useLayoutEffectOnce } from "./hooks/use-effect-once";
 
+const interFontFaces = [
+  new FontFace(
+    "Inter",
+    `url(${require("./public/assets/font/Inter-Regular.ttf")})`,
+    {
+      weight: "400",
+    }
+  ),
+  new FontFace(
+    "Inter",
+    `url(${require("./public/assets/font/Inter-Medium.ttf")})`,
+    {
+      weight: "500",
+    }
+  ),
+  new FontFace(
+    "Inter",
+    `url(${require("./public/assets/font/Inter-SemiBold.ttf")})`,
+    {
+      weight: "600",
+    }
+  ),
+  new FontFace(
+    "Inter",
+    `url(${require("./public/assets/font/Inter-Bold.ttf")})`,
+    {
+      weight: "700",
+    }
+  ),
+];
+
 const languageToFontFaces: {
   [lang: string]: FontFace[] | undefined;
 } = {
-  en: [
-    new FontFace(
-      "Inter",
-      `url(${require("./public/assets/font/Inter-Regular.ttf")})`,
-      {
-        weight: "400",
-      }
-    ),
-    new FontFace(
-      "Inter",
-      `url(${require("./public/assets/font/Inter-Medium.ttf")})`,
-      {
-        weight: "500",
-      }
-    ),
-    new FontFace(
-      "Inter",
-      `url(${require("./public/assets/font/Inter-SemiBold.ttf")})`,
-      {
-        weight: "600",
-      }
-    ),
-    new FontFace(
-      "Inter",
-      `url(${require("./public/assets/font/Inter-Bold.ttf")})`,
-      {
-        weight: "700",
-      }
-    ),
-  ],
+  en: interFontFaces,
   ko: [
+    ...interFontFaces,
     new FontFace(
       "NotoSansKR",
       `url(${require("./public/assets/font/NotoSansKR-Regular.woff2")})`,