🎨 fix: font is not importing in staging

assets/styles/global.css

@@ -1,7 +1,3 @@
-@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.css');
-@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-std-dynamic-subset.css');
-@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-jp-dynamic-subset.css');
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -42,17 +38,21 @@ body {
 
 .ko {
   /* Korean Fonts */
-  font-family: 'Pretendard Variable' !important;
+  font-family: 'Wanted Sans Variable' !important;
   font-feature-settings: 'ss05';
 }
 
-.en,
-.vi {
-  /* English / Vietnamese (Latin) Fonts */
-  font-family: 'Pretendard Std Variable' !important;
+.en {
+  /* English (Latin) Fonts */
+  font-family: 'Wanted Sans Std Variable' !important;
 }
 
 .ja {
   /* Japanese Fonts */
   font-family: 'Pretendard JP Variable' !important;
 }
+
+.vi {
+  /* Vietnamese Fonts */
+  font-family: 'Be Vietnam Pro' !important;
+}

nuxt.config.js

@@ -13,7 +13,22 @@ export default {
       { hid: 'description', name: 'description', content: '' },
       { name: 'format-detection', content: 'telephone=no' },
     ],
-    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
+    link: [
+      { rel: 'icon', href: '/favicon.ico' },
+
+      /* Preconnect CDNs */
+      { rel: 'preconnect', href:'https://cdn.jsdelivr.net', crossorigin: 'anonymous' },
+      { rel: 'preconnect', href:'https://fonts.googleapis.com', crossorigin: 'anonymous' },
+      { rel: 'preconnect', href:'https://fonts.gstatic.com', crossorigin: 'anonymous' },
+
+      /* Import Pretendard & Pretendard-Like font familes */
+      { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/gh/wanteddev/[email protected]/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css' },
+      { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/gh/wanteddev/[email protected]/packages/wanted-sans-std/fonts/webfonts/variable/split/WantedSansStdVariable.min.css' },
+      { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/packages/pretendard-jp/dist/web/variable/pretendardvariable-jp-dynamic-subset.min.css' },
+
+      /* Import Be Vietnam Pro for support Vietnamese */
+      { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap' },
+    ],
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css
@@ -35,7 +50,7 @@ export default {
     '@nuxtjs/tailwindcss',
   ],
 
-  // Build target: https://go.nuxtjs.dev/config-target
+  // The target property: https://go.nuxtjs.dev/config-target
   target: 'static',
 
   // Modules: https://go.nuxtjs.dev/config-modules