Simplify system font stack

diff --git a/index.html b/index.html
index 97acffc13d767c423ce71e5e9d145ddf6791c541..a123f1b75a0174ea500d4063d35b99fc0c58dd7d 100644 (file)
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
 
     body {
       min-block-size: 100dvb;
-      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;
       display: grid;
       place-items: center;
       grid-template-rows: auto 1fr auto;

diff --git a/template.html b/template.html
index a896ad35f23ade81a62ab9274cd1dc0ec30c0a66..e23d765cd60529cf1f5202fe0f1dec25e248e180 100644 (file)
--- a/template.html
+++ b/template.html
@@ -8,7 +8,7 @@
   <title>Enter password</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;
       min-block-size: 100dvb;
       margin: 0;
       background: hsl(216deg 50% 98%);