diff --git a/beszel/site/index.html b/beszel/site/index.html
index 945bd26..726bf8b 100644
--- a/beszel/site/index.html
+++ b/beszel/site/index.html
@@ -5,12 +5,6 @@
Beszel
-
-
-
diff --git a/beszel/site/public/static/InterVariable.woff2 b/beszel/site/public/static/InterVariable.woff2
new file mode 100644
index 0000000..22a12b0
Binary files /dev/null and b/beszel/site/public/static/InterVariable.woff2 differ
diff --git a/beszel/site/src/index.css b/beszel/site/src/index.css
index be36501..36bc611 100644
--- a/beszel/site/src/index.css
+++ b/beszel/site/src/index.css
@@ -57,6 +57,20 @@
}
}
+/* Fonts */
+@supports (font-variation-settings: normal) {
+ :root {
+ font-family: Inter, InterVariable, sans-serif;
+ }
+}
+@font-face {
+ font-family: InterVariable;
+ font-style: normal;
+ font-weight: 100 900;
+ font-display: swap;
+ src: url('/static/InterVariable.woff2?v=4.0') format('woff2');
+}
+
@layer base {
* {
@apply border-border;
diff --git a/beszel/site/tailwind.config.js b/beszel/site/tailwind.config.js
index d4c78f8..06e6048 100644
--- a/beszel/site/tailwind.config.js
+++ b/beszel/site/tailwind.config.js
@@ -17,7 +17,7 @@ module.exports = {
},
},
fontFamily: {
- sans: ['Inter', 'sans-serif'],
+ sans: 'Inter, sans-serif',
// body: ['Inter', 'sans-serif'],
// display: ['Inter', 'sans-serif'],
},