diff --git a/quartz.config.ts b/quartz.config.ts
index 8f51978..4ffcf1e 100644
--- a/quartz.config.ts
+++ b/quartz.config.ts
@@ -18,8 +18,8 @@ const config: QuartzConfig = {
     theme: {
       cdnCaching: true,
       typography: {
-        header: "Noto Serif JP",
-        body: "Noto Serif JP",
+        header: "BIZ UDPGothic",
+        body: "BIZ UDMincho",
         code: "Noto Mono",
       },
       colors: {
diff --git a/quartz/components/Head.tsx b/quartz/components/Head.tsx
index 8292acc..a60b3af 100644
--- a/quartz/components/Head.tsx
+++ b/quartz/components/Head.tsx
@@ -34,6 +34,8 @@ export default (() => {
           <>
             <link rel="preconnect" href="https://fonts.googleapis.com" />
             <link rel="preconnect" href="https://fonts.gstatic.com" />
+            <link href="https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&family=BIZ+UDPMincho&display=swap" rel="stylesheet" />
+            <link href="https://fonts.googleapis.com/css2?family=BIZ+UDMincho&family=BIZ+UDPGothic&family=BIZ+UDPMincho&display=swap" rel="stylesheet" />
           </>
         )}
         {css.map((href) => (
diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
index 2890249..ba58e11 100644
--- a/quartz/styles/custom.scss
+++ b/quartz/styles/custom.scss
@@ -7,7 +7,7 @@ $header-font-size-base : $default-font-size * 1.2;
 $header-font-size-h6 : $default-font-size * 1.2;
 $header-line-height : 120%;
 
-$header-font-family: "Bahnschrift", "Helvetica Neue", "Helvetica", "Noto Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
+$header-font-family: "Bahnschrift", "BIZ UDPGothic", "Helvetica Neue", "Helvetica", "Noto Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
 $body-font-family: "Times New Roman", "BIZ UDPMincho", "Noto Serif", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
 $pre-font-family: "Noto Mono", monospace;