switch to SN Pro font

layouts/partials/head.html

@@ -21,8 +21,6 @@
     <link rel="shortcut icon" type="image/png" href="{{ "assets/favicon.png" | relURL }}"/>
     <link rel="me" href="https://social.lol/@ww">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1/new.min.css">
-    <link rel="stylesheet" href="https://fonts.xz.style/serve/inter.css">
-
     <link rel="stylesheet" href="https://unpkg.com/littlefoot/dist/littlefoot.css"/>
 
     <link rel="stylesheet" href="/css/custom.css">

static/css/custom.css

@@ -1,3 +1,43 @@
+@font-face {
+    font-family: 'SN Pro';
+    src: url('fonts/sn-pro/SNPro-BoldItalic.woff2') format('woff2'),
+        url('fonts/sn-pro/SNPro-BoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'SN Pro';
+    src: url('fonts/sn-pro/SNPro-Bold.woff2') format('woff2'),
+        url('fonts/sn-pro/SNPro-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'SN Pro';
+    src: url('fonts/sn-pro/SNPro-RegularItalic.woff2') format('woff2'),
+        url('fonts/sn-pro/SNPro-RegularItalic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'SN Pro';
+    src: url('fonts/sn-pro/SNPro-Regular.woff2') format('woff2'),
+        url('fonts/sn-pro/SNPro-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+:root {
+	--nc-font-sans: 'SN Pro', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
 footer {
     margin-top: 2.5rem;
 }