diff --git a/002_source/cms/src/styles/theme/google_fonts.css b/002_source/cms/src/styles/theme/google_fonts.css
new file mode 100644
index 0000000..ba88d8d
--- /dev/null
+++ b/002_source/cms/src/styles/theme/google_fonts.css
@@ -0,0 +1,18 @@
+/* Japanese (Noto Sans JP) */
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
+
+/* Simplified Chinese (Noto Sans SC) */
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');
+
+/* Traditional Chinese (Noto Sans TC) */
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
+
+/* Sans (Noto Sans) - includes italic */
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+
+body {
+  font-family: 'Noto Sans TC', sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 400;
+  font-style: normal;
+}
diff --git a/002_source/cms/src/styles/theme/typography.ts b/002_source/cms/src/styles/theme/typography.ts
index e0fd6ac..544f7e6 100644
--- a/002_source/cms/src/styles/theme/typography.ts
+++ b/002_source/cms/src/styles/theme/typography.ts
@@ -1,8 +1,10 @@
 import type { TypographyOptions } from '@mui/material/styles/createTypography';
 
+import './google_fonts.css';
+
 export const typography = {
   fontFamily:
-    '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
+    '"Noto Sans SC","Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
   body1: { fontSize: '1rem', fontWeight: 400, lineHeight: 1.5 },
   body2: { fontSize: '0.875rem', fontWeight: 400, lineHeight: 1.57 },
   button: { fontWeight: 500 },