From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 26 Apr 2025 06:00:53 +0000 (-0700)
Subject: Simplify system font stacks
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=184ceadc3db6a7a9c1ffee99793d43186255193d;p=utf-8-visualizer

Simplify system font stacks
---

diff --git a/index.html b/index.html
index dc0b7e1..eeae256 100644
--- 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 083d866..afefc5f 100644
--- 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;