1 files changed, 19 insertions, 0 deletions
diff --git a/src/components/structure/Fonts.svelte b/src/components/structure/Fonts.svelte
new file mode 100644
index 0000000..63af7b6
--- /dev/null
+++ b/src/components/structure/Fonts.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+    import { BASE, getFontURL } from '@amp/web-apps-fonts';
+
+    export let language: string;
+
+    $: fontURL = getFontURL(language);
+</script>
+
+<svelte:head>
+    <link rel="preconnect" href={BASE} crossorigin="anonymous" />
+
+    <link
+        rel="stylesheet"
+        as="style"
+        href={fontURL}
+        type="text/css"
+        referrerpolicy="strict-origin-when-cross-origin"
+    />
+</svelte:head>