diff --git a/nuxt.config.ts b/nuxt.config.ts
index cef9ffd..705162b 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -61,10 +61,10 @@ export default defineNuxtConfig({
         { rel: 'icon', type: 'image/vnd.microsoft.icon', href: '/favicon.ico' },
         // { rel: 'stylesheet', href: '/style.css' },
         // TYPEFACES
+        { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
+        { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: '' },
+        { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'},
         { rel: 'stylesheet', href: process.env.NUXT_PUBLIC_BASE_URL + '/portal/f/fonts/inter/inter.css' },
-        { rel: 'stylesheet', href: process.env.NUXT_PUBLIC_BASE_URL + '/portal/f/fonts/noto-sans-thai/noto-sans-thai.css' },
-        { rel: 'stylesheet', href: process.env.NUXT_PUBLIC_BASE_URL + '/portal/f/fonts/noto-serif-thai/noto-serif-thai.css' },
-        { rel: 'stylesheet', href: process.env.NUXT_PUBLIC_BASE_URL + '/portal/f/fonts/noto-serif/noto-serif.css' },
         { rel: 'stylesheet', href: process.env.NUXT_PUBLIC_BASE_URL + '/portal/f/fonts/cmu-serif/cmu-serif.css' }
       ],
       script: [