Simplify font stacks

diff --git a/errors/404.html b/errors/404.html
index 0078008e903dc4a2756d7450a9d952851187bced..fa12bbbb58166cff05bdb8510e4b4f469cb1c285 100644 (file)
--- 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 3cf13cfda1c284ad98f6989892373e3e817302e4..b0f750ab87f39d5bf676c0a306f55c60c111b582 100644 (file)
--- 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;
     }