diff --git a/layouts/partials/head/custom.html b/layouts/partials/head/custom.html
new file mode 100644
index 0000000..8b71176
--- /dev/null
+++ b/layouts/partials/head/custom.html
@@ -0,0 +1,23 @@
+<style>
+    /* Overwrite CSS variable */
+    :root {
+        font-family: "Noto Sans JP", serif;
+        --article-font-family: "Noto Sans JP", serif;
+        --base-font-family: "Noto Sans JP", serif;
+        font-optical-sizing: auto;
+        font-style: normal;
+    }
+</style>
+
+<script>
+    ;(function () {
+        const customFont = document.createElement("link")
+        customFont.href =
+            "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap"
+
+        customFont.type = "text/css"
+        customFont.rel = "stylesheet"
+
+        document.head.appendChild(customFont)
+    })()
+</script>