diff --git a/@theme/font/GemunuLibre-Bold.ttf b/@theme/font/GemunuLibre-Bold.ttf
deleted file mode 100644
index 65b18c701..000000000
Binary files a/@theme/font/GemunuLibre-Bold.ttf and /dev/null differ
diff --git a/@theme/font/GemunuLibre-Bold.woff2 b/@theme/font/GemunuLibre-Bold.woff2
new file mode 100644
index 000000000..d55eeef6f
Binary files /dev/null and b/@theme/font/GemunuLibre-Bold.woff2 differ
diff --git a/@theme/font/GemunuLibre-ExtraBold.ttf b/@theme/font/GemunuLibre-ExtraBold.ttf
deleted file mode 100644
index f530a8645..000000000
Binary files a/@theme/font/GemunuLibre-ExtraBold.ttf and /dev/null differ
diff --git a/@theme/font/GemunuLibre-ExtraBold.woff2 b/@theme/font/GemunuLibre-ExtraBold.woff2
new file mode 100644
index 000000000..a5e4aa1fb
Binary files /dev/null and b/@theme/font/GemunuLibre-ExtraBold.woff2 differ
diff --git a/@theme/font/GemunuLibre-Light.ttf b/@theme/font/GemunuLibre-Light.ttf
deleted file mode 100644
index 12981d0f1..000000000
Binary files a/@theme/font/GemunuLibre-Light.ttf and /dev/null differ
diff --git a/@theme/font/GemunuLibre-Light.woff2 b/@theme/font/GemunuLibre-Light.woff2
new file mode 100644
index 000000000..01bc967bd
Binary files /dev/null and b/@theme/font/GemunuLibre-Light.woff2 differ
diff --git a/@theme/font/GemunuLibre-Medium.ttf b/@theme/font/GemunuLibre-Medium.ttf
deleted file mode 100644
index fbbad5d9c..000000000
Binary files a/@theme/font/GemunuLibre-Medium.ttf and /dev/null differ
diff --git a/@theme/font/GemunuLibre-Medium.woff2 b/@theme/font/GemunuLibre-Medium.woff2
new file mode 100644
index 000000000..cd328690e
Binary files /dev/null and b/@theme/font/GemunuLibre-Medium.woff2 differ
diff --git a/@theme/font/GemunuLibre-Regular.ttf b/@theme/font/GemunuLibre-Regular.ttf
deleted file mode 100644
index 19a775359..000000000
Binary files a/@theme/font/GemunuLibre-Regular.ttf and /dev/null differ
diff --git a/@theme/font/GemunuLibre-Regular.woff2 b/@theme/font/GemunuLibre-Regular.woff2
new file mode 100644
index 000000000..e14199dad
Binary files /dev/null and b/@theme/font/GemunuLibre-Regular.woff2 differ
diff --git a/@theme/font/GemunuLibre-SemiBold.ttf b/@theme/font/GemunuLibre-SemiBold.ttf
deleted file mode 100644
index ec4d688c0..000000000
Binary files a/@theme/font/GemunuLibre-SemiBold.ttf and /dev/null differ
diff --git a/@theme/font/GemunuLibre-SemiBold.woff2 b/@theme/font/GemunuLibre-SemiBold.woff2
new file mode 100644
index 000000000..5baad8436
Binary files /dev/null and b/@theme/font/GemunuLibre-SemiBold.woff2 differ
diff --git a/@theme/font/Inter-Black.ttf b/@theme/font/Inter-Black.ttf
deleted file mode 100644
index b27822bae..000000000
Binary files a/@theme/font/Inter-Black.ttf and /dev/null differ
diff --git a/@theme/font/Inter-Black.woff2 b/@theme/font/Inter-Black.woff2
new file mode 100644
index 000000000..b9e26798d
Binary files /dev/null and b/@theme/font/Inter-Black.woff2 differ
diff --git a/@theme/font/Inter-Bold.ttf b/@theme/font/Inter-Bold.ttf
deleted file mode 100644
index fe23eeb9c..000000000
Binary files a/@theme/font/Inter-Bold.ttf and /dev/null differ
diff --git a/@theme/font/Inter-Bold.woff2 b/@theme/font/Inter-Bold.woff2
new file mode 100644
index 000000000..d8662669f
Binary files /dev/null and b/@theme/font/Inter-Bold.woff2 differ
diff --git a/@theme/font/Inter-ExtraBold.ttf b/@theme/font/Inter-ExtraBold.ttf
deleted file mode 100644
index 874b1b0dd..000000000
Binary files a/@theme/font/Inter-ExtraBold.ttf and /dev/null differ
diff --git a/@theme/font/Inter-ExtraBold.woff2 b/@theme/font/Inter-ExtraBold.woff2
new file mode 100644
index 000000000..a85b95fa1
Binary files /dev/null and b/@theme/font/Inter-ExtraBold.woff2 differ
diff --git a/@theme/font/Inter-Light.ttf b/@theme/font/Inter-Light.ttf
deleted file mode 100644
index 71188f5cb..000000000
Binary files a/@theme/font/Inter-Light.ttf and /dev/null differ
diff --git a/@theme/font/Inter-Light.woff2 b/@theme/font/Inter-Light.woff2
new file mode 100644
index 000000000..a54468888
Binary files /dev/null and b/@theme/font/Inter-Light.woff2 differ
diff --git a/@theme/font/Inter-Medium.ttf b/@theme/font/Inter-Medium.ttf
deleted file mode 100644
index a01f3777a..000000000
Binary files a/@theme/font/Inter-Medium.ttf and /dev/null differ
diff --git a/@theme/font/Inter-Medium.woff2 b/@theme/font/Inter-Medium.woff2
new file mode 100644
index 000000000..83e05183a
Binary files /dev/null and b/@theme/font/Inter-Medium.woff2 differ
diff --git a/@theme/font/Inter-Regular.ttf b/@theme/font/Inter-Regular.ttf
deleted file mode 100644
index 5e4851f0a..000000000
Binary files a/@theme/font/Inter-Regular.ttf and /dev/null differ
diff --git a/@theme/font/Inter-Regular.woff2 b/@theme/font/Inter-Regular.woff2
new file mode 100644
index 000000000..be8351e9b
Binary files /dev/null and b/@theme/font/Inter-Regular.woff2 differ
diff --git a/@theme/font/Inter-SemiBold.ttf b/@theme/font/Inter-SemiBold.ttf
deleted file mode 100644
index ecc7041e2..000000000
Binary files a/@theme/font/Inter-SemiBold.ttf and /dev/null differ
diff --git a/@theme/font/Inter-SemiBold.woff2 b/@theme/font/Inter-SemiBold.woff2
new file mode 100644
index 000000000..0a10deb14
Binary files /dev/null and b/@theme/font/Inter-SemiBold.woff2 differ
diff --git a/@theme/font/RedHatDisplay-Black.ttf b/@theme/font/RedHatDisplay-Black.ttf
deleted file mode 100644
index c2e6c8a6b..000000000
Binary files a/@theme/font/RedHatDisplay-Black.ttf and /dev/null differ
diff --git a/@theme/font/RedHatDisplay-Black.woff2 b/@theme/font/RedHatDisplay-Black.woff2
new file mode 100644
index 000000000..c9a688c28
Binary files /dev/null and b/@theme/font/RedHatDisplay-Black.woff2 differ
diff --git a/@theme/font/RedHatDisplay-Bold.ttf b/@theme/font/RedHatDisplay-Bold.ttf
deleted file mode 100644
index c95205660..000000000
Binary files a/@theme/font/RedHatDisplay-Bold.ttf and /dev/null differ
diff --git a/@theme/font/RedHatDisplay-Bold.woff2 b/@theme/font/RedHatDisplay-Bold.woff2
new file mode 100644
index 000000000..0575a4129
Binary files /dev/null and b/@theme/font/RedHatDisplay-Bold.woff2 differ
diff --git a/@theme/font/RedHatDisplay-ExtraBold.ttf b/@theme/font/RedHatDisplay-ExtraBold.ttf
deleted file mode 100644
index 53fa55a3b..000000000
Binary files a/@theme/font/RedHatDisplay-ExtraBold.ttf and /dev/null differ
diff --git a/@theme/font/RedHatDisplay-ExtraBold.woff2 b/@theme/font/RedHatDisplay-ExtraBold.woff2
new file mode 100644
index 000000000..c093c4738
Binary files /dev/null and b/@theme/font/RedHatDisplay-ExtraBold.woff2 differ
diff --git a/@theme/font/RedHatDisplay-Light.ttf b/@theme/font/RedHatDisplay-Light.ttf
deleted file mode 100644
index fe33d8ac0..000000000
Binary files a/@theme/font/RedHatDisplay-Light.ttf and /dev/null differ
diff --git a/@theme/font/RedHatDisplay-Light.woff2 b/@theme/font/RedHatDisplay-Light.woff2
new file mode 100644
index 000000000..83ea40732
Binary files /dev/null and b/@theme/font/RedHatDisplay-Light.woff2 differ
diff --git a/@theme/font/RedHatDisplay-Medium.ttf b/@theme/font/RedHatDisplay-Medium.ttf
deleted file mode 100644
index 032e44d3a..000000000
Binary files a/@theme/font/RedHatDisplay-Medium.ttf and /dev/null differ
diff --git a/@theme/font/RedHatDisplay-Medium.woff2 b/@theme/font/RedHatDisplay-Medium.woff2
new file mode 100644
index 000000000..05b46d1d4
Binary files /dev/null and b/@theme/font/RedHatDisplay-Medium.woff2 differ
diff --git a/@theme/font/RedHatDisplay-Regular.ttf b/@theme/font/RedHatDisplay-Regular.ttf
deleted file mode 100644
index a1cee8156..000000000
Binary files a/@theme/font/RedHatDisplay-Regular.ttf and /dev/null differ
diff --git a/@theme/font/RedHatDisplay-Regular.woff2 b/@theme/font/RedHatDisplay-Regular.woff2
new file mode 100644
index 000000000..e5cc5f0fe
Binary files /dev/null and b/@theme/font/RedHatDisplay-Regular.woff2 differ
diff --git a/@theme/font/RedHatDisplay-SemiBold.ttf b/@theme/font/RedHatDisplay-SemiBold.ttf
deleted file mode 100644
index da13756d4..000000000
Binary files a/@theme/font/RedHatDisplay-SemiBold.ttf and /dev/null differ
diff --git a/@theme/font/RedHatDisplay-SemiBold.woff2 b/@theme/font/RedHatDisplay-SemiBold.woff2
new file mode 100644
index 000000000..678ffddb8
Binary files /dev/null and b/@theme/font/RedHatDisplay-SemiBold.woff2 differ
diff --git a/@theme/styles.css b/@theme/styles.css
index 59ed265b8..2973074b9 100644
--- a/@theme/styles.css
+++ b/@theme/styles.css
@@ -5,7 +5,6 @@
     font-style: normal;
     font-weight: 400;
     src: url('./font/soehne-buch.woff2') format('woff2');
-    font-display: swap;
 }
 
 @font-face {
@@ -13,7 +12,6 @@
     font-style: italic;
     font-weight: 400;
     src: url('./font/soehne-buch-kursiv.woff2') format('woff2');
-    font-display: swap;
 }
 
 @font-face {
@@ -21,7 +19,6 @@
     font-style: normal;
     font-weight: 500;
     src: url('./font/soehne-kraftig.woff2') format('woff2');
-    font-display: swap;
 }
 
 @font-face {
@@ -29,7 +26,6 @@
     font-style: italic;
     font-weight: 500;
     src: url('./font/soehne-kraftig-kursiv.woff2') format('woff2');
-    font-display: swap;
 }
 
 @font-face {
@@ -37,7 +33,6 @@
     font-style: normal;
     font-weight: 600;
     src: url('./font/soehne-halbfett.woff2') format('woff2');
-    font-display: swap;
 }
 
 @font-face {
@@ -45,7 +40,6 @@
     font-style: italic;
     font-weight: 600;
     src: url('./font/soehne-halbfett-kursiv.woff2') format('woff2');
-    font-display: swap;
 }
 
 @font-face {
@@ -53,7 +47,6 @@
     font-style: normal;
     font-weight: 700;
     src: url('./font/soehne-dreiviertelfett.woff2') format('woff2');
-    font-display: swap;
 }
 
 @font-face {
@@ -61,151 +54,132 @@
     font-style: italic;
     font-weight: 700;
     src: url('./font/soehne-dreiviertelfett-kursiv.woff2') format('woff2');
-    font-display: swap;
 }
 
 @font-face {
     font-family: 'Red Hat Display';
     font-style: normal;
     font-weight: 300;
-    src: url('./font/RedHatDisplay-Light.ttf');
-    font-display: swap;
+    src: url('./font/RedHatDisplay-Light.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Red Hat Display';
     font-style: normal;
     font-weight: 400;
-    src: url('./font/RedHatDisplay-Regular.ttf');
-    font-display: swap;
+    src: url('./font/RedHatDisplay-Regular.woff2') format('woff2');  
 }
 
 @font-face {
     font-family: 'Red Hat Display';
     font-style: normal;
     font-weight: 500;
-    src: url('./font/RedHatDisplay-Medium.ttf');
-    font-display: swap;
+    src: url('./font/RedHatDisplay-Medium.woff2') format('woff2');    
 }
 
 @font-face {
     font-family: 'Red Hat Display';
     font-style: normal;
     font-weight: 600;
-    src: url('./font/RedHatDisplay-SemiBold.ttf');
-    font-display: swap;
+    src: url('./font/RedHatDisplay-SemiBold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Red Hat Display';
     font-style: normal;
     font-weight: 700;
-    src: url('./font/RedHatDisplay-Bold.ttf');
-    font-display: swap;
+    src: url('./font/RedHatDisplay-Bold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Red Hat Display';
     font-style: normal;
     font-weight: 800;
-    src: url('./font/RedHatDisplay-ExtraBold.ttf');
-    font-display: swap;
+    src: url('./font/RedHatDisplay-ExtraBold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 300;
-    src: url('./font/Inter-Light.ttf');
-    font-display: swap;
+    src: url('./font/Inter-Light.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
-    src: url('./font/Inter-Regular.ttf');
-    font-display: swap;
+    src: url('./font/Inter-Regular.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
-    src: url('./font/Inter-Medium.ttf');
-    font-display: swap;
+    src: url('./font/Inter-Medium.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
-    src: url('./font/Inter-SemiBold.ttf');
-    font-display: swap;
+    src: url('./font/Inter-SemiBold.woff2') format('woff2'); 
 }
 
 @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 700;
-    src: url('./font/Inter-Bold.ttf');
-    font-display: swap;
+    src: url('./font/Inter-Bold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 800;
-    src: url('./font/Inter-ExtraBold.ttf');
-    font-display: swap;
+    src: url('./font/Inter-ExtraBold.woff2') format('woff2');    
 }
 
 @font-face {
     font-family: 'Gemunu Libre';
     font-style: normal;
     font-weight: 300;
-    src: url('./font/GemunuLibre-Light.ttf');
-    font-display: swap;
+    src: url('./font/GemunuLibre-Light.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Gemunu Libre';
     font-style: normal;
     font-weight: 400;
-    src: url('./font/GemunuLibre-Regular.ttf');
-    font-display: swap;
+    src: url('./font/GemunuLibre-Regular.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Gemunu Libre';
     font-style: normal;
     font-weight: 500;
-    src: url('./font/GemunuLibre-Medium.ttf');
-    font-display: swap;
+    src: url('./font/GemunuLibre-Medium.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Gemunu Libre';
     font-style: normal;
     font-weight: 600;
-    src: url('./font/GemunuLibre-SemiBold.ttf');
-    font-display: swap;
+    src: url('./font/GemunuLibre-SemiBold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Gemunu Libre';
     font-style: normal;
     font-weight: 700;
-    src: url('./font/GemunuLibre-Bold.ttf');
-    font-display: swap;
+    src: url('./font/GemunuLibre-Bold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Gemunu Libre';
     font-style: normal;
     font-weight: 800;
-    src: url('./font/GemunuLibre-ExtraBold.ttf');
-    font-display: swap;
+    src: url('./font/GemunuLibre-ExtraBold.woff2') format('woff2');
 }
 
 @font-face {
@@ -213,159 +187,6 @@
     src: url('./font/SFMono-Semibold.otf');
     font-weight: 600;
     font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Red Hat Display';
-    font-style: normal;
-    font-weight: 300;
-    src: url('./font/RedHatDisplay-Light.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Red Hat Display';
-    font-style: normal;
-    font-weight: 400;
-    src: url('./font/RedHatDisplay-Regular.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Red Hat Display';
-    font-style: normal;
-    font-weight: 500;
-    src: url('./font/RedHatDisplay-Medium.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Red Hat Display';
-    font-style: normal;
-    font-weight: 600;
-    src: url('./font/RedHatDisplay-SemiBold.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Red Hat Display';
-    font-style: normal;
-    font-weight: 700;
-    src: url('./font/RedHatDisplay-Bold.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Red Hat Display';
-    font-style: normal;
-    font-weight: 800;
-    src: url('./font/RedHatDisplay-ExtraBold.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 300;
-    src: url('./font/Inter-Light.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    src: url('./font/Inter-Regular.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 500;
-    src: url('./font/Inter-Medium.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 600;
-    src: url('./font/Inter-SemiBold.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 700;
-    src: url('./font/Inter-Bold.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 800;
-    src: url('./font/Inter-ExtraBold.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Gemunu Libre';
-    font-style: normal;
-    font-weight: 300;
-    src: url('./font/GemunuLibre-Light.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Gemunu Libre';
-    font-style: normal;
-    font-weight: 400;
-    src: url('./font/GemunuLibre-Regular.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Gemunu Libre';
-    font-style: normal;
-    font-weight: 500;
-    src: url('./font/GemunuLibre-Medium.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Gemunu Libre';
-    font-style: normal;
-    font-weight: 600;
-    src: url('./font/GemunuLibre-SemiBold.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Gemunu Libre';
-    font-style: normal;
-    font-weight: 700;
-    src: url('./font/GemunuLibre-Bold.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Gemunu Libre';
-    font-style: normal;
-    font-weight: 800;
-    src: url('./font/GemunuLibre-ExtraBold.ttf');
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'SF Mono';
-    src: url('./font/SFMono-Semibold.otf');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
 }
 
 :root {
diff --git a/types/custom.d.ts b/types/custom.d.ts
index 8af1fb2ec..7b25ca8ec 100644
--- a/types/custom.d.ts
+++ b/types/custom.d.ts
@@ -1,4 +1,9 @@
 declare module '*.svg' {
   const content: string;
   export default content;
-} 
\ No newline at end of file
+}
+
+declare module '*.woff2' {
+  const content: string;
+  export default content;
+}