diff --git a/static/app.js b/static/app.js
index ed9be3a..6964c29 100644
--- a/static/app.js
+++ b/static/app.js
@@ -74,7 +74,7 @@ function renderLineChart(months, massData, valueData) {
 
   chartLine.setOption({
     backgroundColor: c.bgTransparent,
-    textStyle: { fontFamily: 'JetBrains Mono', color: c.textColor },
+    textStyle: { fontFamily: 'Noto Sans', color: c.textColor },
     tooltip: {
       trigger: 'axis',
       axisPointer: { type: 'cross' }
@@ -179,7 +179,7 @@ function renderTopSpeciesChart(data) {
 
   chartDonut.setOption({
     backgroundColor: c.bgTransparent,
-    textStyle: { fontFamily: 'JetBrains Mono', color: c.textColor },
+    textStyle: { fontFamily: 'Noto Sans', color: c.textColor },
     tooltip: {
       trigger: 'axis',
       axisPointer: { type: 'shadow' },
@@ -270,7 +270,7 @@ function renderBarChart(months, seriesData) {
 
   chartBar.setOption({
     backgroundColor: c.bgTransparent,
-    textStyle: { fontFamily: 'JetBrains Mono', color: c.textColor },
+    textStyle: { fontFamily: 'Noto Sans', color: c.textColor },
     tooltip: {
       trigger: 'axis',
       axisPointer: { type: 'shadow' },
diff --git a/static/index.html b/static/index.html
index b7803d4..8405fcc 100644
--- a/static/index.html
+++ b/static/index.html
@@ -13,9 +13,9 @@
     })();
   </script>
 
-  <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=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
+<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:wght@300;400;500;700&display=swap" rel="stylesheet">
   <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
 
   <link rel="stylesheet" href="/static/style.css">
diff --git a/static/style.css b/static/style.css
index 76b0b98..ac8618f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -69,7 +69,7 @@ body {
   min-height: 100dvh;
   background: var(--bg);
   color: var(--ink);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'Noto Sans', sans-serif;
   font-size: 0.92rem;
   font-weight: 300;
   line-height: 1.65;
@@ -105,7 +105,7 @@ nav {
 .back-link {
   grid-column: 1;
   justify-self: start;
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'Noto Sans', sans-serif;
   font-weight: 400;
   font-size: 0.7rem;
   letter-spacing: 0.15em;
@@ -132,7 +132,7 @@ nav {
   align-items: baseline;
   gap: 0.35rem;
   white-space: nowrap;
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'Noto Sans', sans-serif;
   font-weight: 700;
   font-size: 1.1rem;
   letter-spacing: -0.02em;
@@ -248,7 +248,7 @@ nav {
   border: 1px solid var(--border);
   border-radius: 2px;
   color: var(--ink);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'Noto Sans', sans-serif;
   font-size: 0.82rem;
   outline: none;
   transition: border-color 0.2s;
@@ -268,7 +268,7 @@ nav {
   border: 1px solid var(--border);
   border-radius: 2px;
   color: var(--ink);
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'Noto Sans', sans-serif;
   font-size: 0.82rem;
   cursor: pointer;
   display: flex;
@@ -349,7 +349,7 @@ nav {
   color: var(--bg-panel);
   border: none;
   border-radius: 2px;
-  font-family: 'JetBrains Mono', monospace;
+  font-family: 'Noto Sans', sans-serif;
   font-weight: 700;
   font-size: 0.82rem;
   letter-spacing: 0.08em;