diff --git a/_layouts/default.html b/_layouts/default.html
index 726d594b..06d4b611 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,6 +5,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
 {% seo %}
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;1,400&family=Noto+Sans+TC&family=Ubuntu+Condensed&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
     <script src="https://code.jquery.com/jquery-3.3.0.min.js" integrity="sha256-RTQy8VOmNlT6b2PIRur37p6JEBZUE7o8wPgMvu18MC4=" crossorigin="anonymous"></script>
     <script src="{{ '/assets/js/main.js' | relative_url }}"></script>
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 0c9a8c5a..ade3606d 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -9,12 +9,12 @@ ruby {
     font-size: 16px ; 
     line-height: 16px ;
     padding-bottom: 10px ;
-    font-family: "Times New Roman", serif;
+    font-family: 'EB Garamond', serif;
   }
   rt {
     font-size: 13px ; 
     line-height: 13px ;
-    font-family: "Arial Narrow", sans-serif;
+    font-family: 'Ubuntu Condensed', sans-serif;
   }
   ul ruby {
     padding-bottom: 3px !important;
@@ -35,8 +35,8 @@ ruby {
     font-weight:600;
   }
 
-  html, body {
-    font-family: "Times New Roman", serif;
+  p, html, body {
+    font-family: 'EB Garamond', 'Noto Sans TC', sans-serif;
   }
 
   /* text decoration for marking syntax functions */