Simplify system font stacks

diff --git a/index.html b/index.html
index dc0b7e15074b44f40bc6360324f9bc3a60516ccc..eeae2567c4593e4a88e5aa59d02b599d4275d60e 100644 (file)
--- a/index.html
+++ b/index.html
@@ -37,7 +37,7 @@
   <template>
     <style>
       :host {
-        font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
+        font-family: ui-monospace, monospace;
         display: inline-flex;
         flex-direction: column;
         align-items: center;

diff --git a/style.css b/style.css
index 083d8664ee182fd55dcd6f90d97f0c753326a653..afefc5f7d5e2c929f3173ec9fcae1fa44761fd80 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
 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: radial-gradient(circle at 50% 150px, hsl(222deg 50% 25%) 5%, hsl(222deg 50% 10%));
   color: hsl(222deg 50% 95%);
   min-block-size: 100dvb;