diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index c27c9ec..db61d1a 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -2,7 +2,7 @@
 <html>
 {{- partial "head.html" . -}}
 
-<body class="bg:fade-84@dark font:fade-16@dark">
+<body class="bg:fade-84@dark font:fade-16@dark font:sans">
     {{ partial "header.html" . -}}
     <div class="d:flex flex:column@<=sm pt:90 px:24 jc:center gap:44 word-break:break-word">
         {{- block "side" . }}{{- end }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 301f903..236cc94 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -21,5 +21,11 @@
     <script src="https://unpkg.com/themes.js"></script>
     <script>window.themes = window.themes || new window.Themes()</script>
 
+    <style>
+        :root {
+            --font-sans: "Inter var", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+        }
+    </style>
+    
     {{- partial "head-extra.html" . -}}
 </head>
