Restrict font character set and host it

Cross-Origin-Embedder-Policy is required for SharedArrayBuffer

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

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

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

diff --git a/index.html b/index.html
index 88fe2b60ebb6bf5cf1cdda8aae323559c61840b3..36f40ee3871031ee74d85805a3ed2f7a074b2b80 100644 (file)
--- a/index.html
+++ b/index.html
@@ -10,21 +10,31 @@
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://4bg.ardis.lu/">
   <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>
     /* Globals */
 
-    :root {
-      font-family: 'Inter', sans-serif;
+    @font-face {
+      font-family: 'Inter';
+      font-weight: 400;
+      src: url('/Inter.woff2') format('woff2');
     }
 
-    @supports (font-variation-settings: normal) {
-      :root {
-        font-family: 'Inter var', sans-serif;
-      }
+    @font-face {
+      font-family: 'Inter';
+      font-weight: 600;
+      src: url('/Inter_600.woff2') format('woff2');
+    }
+
+    @font-face {
+      font-family: 'Inter';
+      font-weight: 700;
+      src: url('/Inter_700.woff2') format('woff2');
+    }
+
+    :root {
+      font-family: 'Inter', sans-serif;
     }
 
     * {