appwrite · TorstenDittmann · Sep 29, 2023 · Sep 29, 2023 · Sep 29, 2023
diff --git a/src/app.html b/src/app.html
@@ -3,9 +3,16 @@
 
 <head>
 	<meta charset="utf-8" />
-	<link rel="icon" type="image/svg+xml" href="/images/logos/logo.svg" />
 	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 	<meta name="twitter:site" content="@appwrite" />
+	<link rel="icon" type="image/svg+xml" href="/images/logos/logo.svg" />
+	<link
+		rel="preload"
+		href="/fonts/aeonik-pro/AeonikPro-Regular.woff2"
+		as="font"
+		type="font/woff2"
+		crossorigin />
+
 	%sveltekit.head%
 </head>
 

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -39,16 +39,8 @@
 
 <script lang="ts">
 	import '$icons/output/aw-icon.css';
-	import '@fontsource/inter/100.css';
-	import '@fontsource/inter/200.css';
-	import '@fontsource/inter/300.css';
-	import '@fontsource/inter/400.css';
-	import '@fontsource/inter/500.css';
-	import '@fontsource/inter/600.css';
-	import '@fontsource/inter/700.css';
-	import '@fontsource/inter/800.css';
-	import '@fontsource/inter/900.css';
 	import '$scss/index.scss';
+
 	import { browser, dev } from '$app/environment';
 	import { writable } from 'svelte/store';
 	import { navigating, page } from '$app/stores';

diff --git a/src/scss/3-fonts/_index.scss b/src/scss/3-fonts/_index.scss
@@ -1,2 +1,3 @@
 @forward "aeonik-pro";
-@forward "aeonik-fono";
+@forward "aeonik-fono";
+@forward "inter";
diff --git a/src/scss/3-fonts/_inter.scss b/src/scss/3-fonts/_inter.scss
@@ -0,0 +1,56 @@
+@use '../abstract' as *;
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100;
+  src: url('/fonts/inter/inter-latin-100-normal.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 200;
+  src: url('/fonts/inter/inter-latin-200-normal.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 300;
+  src: url('/fonts/inter/inter-latin-300-normal.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/fonts/inter/inter-latin-400-normal.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  src: url('/fonts/inter/inter-latin-500-normal.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  src: url('/fonts/inter/inter-latin-600-normal.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 700;
+  src: url('/fonts/inter/inter-latin-700-normal.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 800;
+  src: url('/fonts/inter/inter-latin-800-normal.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 900;
+  src: url('/fonts/inter/inter-latin-900-normal.woff2') format('woff2');
+}
diff --git a/static/fonts/inter/inter-latin-100-normal.woff2 b/static/fonts/inter/inter-latin-100-normal.woff2
diff --git a/static/fonts/inter/inter-latin-200-normal.woff2 b/static/fonts/inter/inter-latin-200-normal.woff2
diff --git a/static/fonts/inter/inter-latin-300-normal.woff2 b/static/fonts/inter/inter-latin-300-normal.woff2
diff --git a/static/fonts/inter/inter-latin-400-normal.woff2 b/static/fonts/inter/inter-latin-400-normal.woff2
diff --git a/static/fonts/inter/inter-latin-500-normal.woff2 b/static/fonts/inter/inter-latin-500-normal.woff2
diff --git a/static/fonts/inter/inter-latin-600-normal.woff2 b/static/fonts/inter/inter-latin-600-normal.woff2
diff --git a/static/fonts/inter/inter-latin-700-normal.woff2 b/static/fonts/inter/inter-latin-700-normal.woff2
diff --git a/static/fonts/inter/inter-latin-800-normal.woff2 b/static/fonts/inter/inter-latin-800-normal.woff2
diff --git a/static/fonts/inter/inter-latin-900-normal.woff2 b/static/fonts/inter/inter-latin-900-normal.woff2