diff --git a/sass/custom.scss b/sass/custom.scss
index 72634fe..dcbafc1 100644
--- a/sass/custom.scss
+++ b/sass/custom.scss
@@ -1,9 +1,33 @@
-main .post .hashtag {
-  color: gray;
-  font-size: 70%;
-  background: none;
+#header .logo {
+  font-family: "Noto Serif Display", serif;
+  font-weight: 400;
+  font-style: normal;
 }
+main .post  {
+  font-family: "Noto Serif SC", serif;
+  font-weight: 400;
+  font-style: normal;
 
-main .post pre code {
-    color: unset;
+  .post-content h1 {
+    font-size: 24px;
+  }
+
+  h1, h2, h3, h4, h5, h6, h1.post__title {
+    font-family: "Noto Sans SC", sans-serif;
+    font-weight: 320;
+    font-style: normal;
+  }
+
+  .hashtag {
+    color: gray;
+    font-size: 70%;
+    background: none;
+  }
+
+  pre code {
+      color: unset;
+  }
 }
+
+
+
diff --git a/templates/index.html b/templates/index.html
index e15b8be..3b7b5b4 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,9 @@
 {% extends "even/templates/index.html" %}
 
+{% block css %}
+    {% include "style.html" %}
+{% endblock css %}
+
 {% block extra_head %}
 <meta name='description' content="pg999w's blog">
 {% endblock extra_head %}
diff --git a/templates/page.html b/templates/page.html
index 6788466..fee0e4c 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,8 +1,7 @@
 {% extends "even/templates/page.html" %}
 
 {% block css %}
-    <link rel="stylesheet" href="{{ get_url(path="site.css", trailing_slash=false) }}">
-    <link rel="stylesheet" href="{{ get_url(path="custom.css", trailing_slash=false) }}">
+    {% include "style.html" %}
 {% endblock css %}
 
 {% block extra_head %}
diff --git a/templates/style.html b/templates/style.html
new file mode 100644
index 0000000..420ed0b
--- /dev/null
+++ b/templates/style.html
@@ -0,0 +1,7 @@
+<link rel="stylesheet" href="{{ get_url(path="site.css", trailing_slash=false) }}">
+<link rel="stylesheet" href="{{ get_url(path="custom.css", trailing_slash=false) }}">
+
+<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=Noto+Sans+SC:wght@100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif+SC:wght@400;700&display=swap" rel="stylesheet">
+