Use standardised fonts

src/lib/assets/global.css

@@ -0,0 +1,17 @@
+/* FONTS */
+@font-face {
+    font-family: "urwgothic";
+    src: url("/fonts/urwgothic/urwgothic.woff2") format("woff2"), url("/font/urwgothic/urwgothic.woff") format("woff");
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: "urwgothic";
+    src: url("/fonts/urwgothic/urwgothicDemi.woff2") format("woff2"), url("/font/urwgothic/urwgothicDemi.woff") format("woff");
+    font-weight: 900;
+    font-style: normal;
+}
+
+[id] {
+    scroll-margin-top: 100px;
+}

src/routes/+layout.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
 	import favicon from '$lib/assets/favicon.svg';
+	import globalCss from '$lib/assets/global.css';
 
 	let { children } = $props();
 </script>
 
 <svelte:head>
 	<link rel="icon" href={favicon} />
+	<link rel="stylesheet" href={globalCss} />
 </svelte:head>
 
 {@render children()}