Use Inter

diff --git a/index.html b/index.html
index b89dac2c946bda6f11ddf26a60bc312fc092fd89..249066d77fd0399dd5c71b2d96dd8fc644133132 100644 (file)
--- 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;
     }