src/styles/tailwind.config.js

@@ -3,6 +3,9 @@ module.exports = {
     mode: "all",
     content: ["./src/**/*.{rs,html,css}", "./dist/**/*.html"],
     theme: {
+        fontFamily: {
+            sans: ["Inter", "sans-serif"],
+        },
         extend: {},
     },
     plugins: [],

src/styles/tailwind.css

@@ -13,3 +13,20 @@ html, body, #main {
 }
 
 /* stylelint-enable */
+
+@layer base {
+    @font-face {
+        font-family: Inter;
+        font-style: normal;
+        font-weight: 100 900;
+        font-display: swap;
+        src: url("/fonts/inter_variable.woff2") format("woff2");
+    }
+    @font-face {
+        font-family: Inter;
+        font-style: italic;
+        font-weight: 100 900;
+        font-display: swap;
+        src: url("/fonts/inter_variable_italic.woff2") format("woff2");
+    }
+}