From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 26 Jan 2025 00:23:45 +0000 (-0800)
Subject: Simplify font stacks
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=d5fd0535664405cf4b35dbce9a1c606234dff096;p=minimal-routing

Simplify font stacks
---

diff --git a/errors/404.html b/errors/404.html
index 0078008..fa12bbb 100644
--- a/errors/404.html
+++ b/errors/404.html
@@ -8,7 +8,7 @@
   <title>404 Not Found</title>
   <style>
     body {
-      font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
+      font-family: system-ui, sans-serif;
       background: hsl(275deg 10% 90%);
       color: hsl(275deg 90% 10%);
       display: flex;
diff --git a/index.html b/index.html
index 3cf13cf..b0f750a 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
   <title>minimal-routing</title>
   <style>
     body {
-      font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
+      font-family: system-ui, sans-serif;
       background: hsl(275deg 10% 90%);
       color: hsl(275deg 90% 10%);
       inline-size: min(100% - 16px, 1080px);
@@ -67,7 +67,7 @@
     code {
       background: hsl(275deg 25% 85%);
       border-radius: 3px;
-      font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
+      font-family: ui-monospace, monospace;
       padding: 0 3px;
     }