From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 20 Mar 2023 02:33:14 +0000 (-0700)
Subject: Use Inter
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=a91da7a85aabe00eb05f1cb17249817cf1c7dd64;p=4-byte-gen

Use Inter
---

diff --git a/index.html b/index.html
index b89dac2..249066d 100644
--- a/index.html
+++ b/index.html
@@ -5,16 +5,27 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="data:,">
+  <link rel="preconnect" href="https://rsms.me/">
+  <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
   <link rel="modulepreload" href="/worker.js">
   <title>4-byte-gen</title>
   <style>
+    :root {
+      font-family: 'Inter', sans-serif;
+    }
+
+    @supports (font-variation-settings: normal) {
+      :root {
+        font-family: 'Inter var', sans-serif;
+      }
+    }
+
     * {
       box-sizing: border-box;
       margin: 0;
     }
 
     body {
-      font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
       inline-size: min(100% - 16px, 720px);
       margin-inline: auto;
     }