serve fonts

projects/website/_layouts/default.html

@@ -35,10 +35,6 @@
     <link rel="preload" href="/assets/imports/water.css" as="style" />
     <link rel="preload" href="/assets/style.css" as="style" />
 
-    <link
-      href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&display=block"
-      rel="stylesheet"
-    />
     <link rel="stylesheet" href="/assets/imports/normalize.css" />
     <link rel="stylesheet" href="/assets/imports/polyfills/dialog.css" />
     <link rel="stylesheet" href="/assets/prism.css" />

projects/website/assets/style.scss

@@ -1,6 +1,46 @@
 ---
 ---
 
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: normal;
+  src: url('FiraSans/Regular.woff2') format('woff2'),
+       url('FiraSans/Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: normal;
+  src: url('FiraSans/Italic.woff2') format('woff2'),
+       url('FiraSans/Italic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: bold;
+  src: url('FiraSans/Bold.woff2') format('woff2'),
+       url('FiraSans/Bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: bold;
+  src: url('FiraSans/BoldItalic.woff2') format('woff2'),
+       url('FiraSans/BoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: normal;
+  src: url('FiraCode/Regular.woff2') format('woff2'),
+       url('FiraCode/Regular.woff') format('woff');
+}
+
 // Default theme (rose-pine)
 :root {
   --base00: #faf4ed;