Use Inter CDN instead of bundling

diff --git a/Inter.woff2 b/Inter.woff2
deleted file mode 100644 (file)
index fff3df9..0000000
Binary files a/Inter.woff2 and /dev/null differ

diff --git a/index.html b/index.html
index 06c9201d6fa8cf15e9b1ed9fb31fb570d584a2d5..133f10dee4c004f580ff11d5e3146d424c3de565 100644 (file)
--- a/index.html
+++ b/index.html
@@ -9,6 +9,8 @@
   <meta property="og:description" content="A simple comment system that uses Google Forms and Google Sheets as its backend.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://google-forms-comments.ardis.lu/">
+  <link rel="preconnect" href="https://rsms.me/">
+  <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
   <link rel="stylesheet" href="/style.css">
   <link rel="icon" href="data:,">
   <title>google-forms-comments</title>

diff --git a/style.css b/style.css
index 7490b09edec1eddd8390faf4232e980277718bdb..83aaaf04de77b5bea41e56f06dc86a0eb3afa3fd 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,8 +1,3 @@
-@font-face {
-  font-family: 'Inter';
-  src: url('/Inter.woff2');
-}
-
 :root {
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
   background: hsl(224deg 80% 95%);
@@ -10,6 +5,12 @@
   box-sizing: border-box;
 }
 
+@supports (font-variation-settings: normal) {
+  :root {
+    font-family: 'Inter var', sans-serif;
+  }
+}
+
 :root * {
   box-sizing: inherit;
 }