style: fix fonts on safari browser

jonassimoen · Oct 22, 2023 · 2c8a393 · 2c8a393
1 parent 927cdf4
commit 2c8a393
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/src/assets/fonts/uefaeuro-bold.ttf b/src/assets/fonts/uefaeuro-bold.ttf
diff --git a/src/assets/fonts/uefaeuro-book.ttf b/src/assets/fonts/uefaeuro-book.ttf
diff --git a/src/assets/fonts/uefaeuro-medium.ttf b/src/assets/fonts/uefaeuro-medium.ttf
diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -1,41 +1,44 @@
 @font-face {
     font-family: UEFASupercup;
-    src: url(/fonts/UEFASupercup-Bold.ttf);
+    src: url(/fonts/UEFASupercup-Bold.ttf) format('truetype');
     font-weight: 500;
     font-display: swap;
 }
 
 @font-face {
     font-family: UEFASupercup;
-    src: url(/fonts/UEFASupercup-Regular.ttf);
+    src: url(/fonts/UEFASupercup-Regular.ttf) format('truetype');
     font-weight: 400;
     font-display: swap;
 }
 
 @font-face {
     font-family: UEFASupercup;
-    src: url(/fonts/UEFASupercup-Light.ttf);
+    src: url(/fonts/UEFASupercup-Light.ttf) format('truetype');
     font-weight: 300;
     font-display: swap;
 }
 
 @font-face {
     font-family: UEFAEuro;
-    src: url(/fonts/uefaeuro-bold.woff2);
+    src: url(/fonts/uefaeuro-bold.woff2) format('woff2');
+    src: url(/fonts/uefaeuro-bold.ttf) format('truetype');
     font-weight: 500;
     font-display: swap;
 }
 
 @font-face {
     font-family: UEFAEuro;
-    src: url(/fonts/uefaeuro-medium.woff2);
+    src: url(/fonts/uefaeuro-medium.woff2) format('woff2');
+    src: url(/fonts/uefaeuro-medium.ttf) format('truetype');
     font-weight: 400;
     font-display: swap;
 }
 
 @font-face {
     font-family: UEFAEuro;
-    src: url(/fonts/uefaeuro-book.woff2);
+    src: url(/fonts/uefaeuro-book.woff2) format('woff2');
+    src: url(/fonts/uefaeuro-book.ttf) format('truetype');
     font-weight: 300;
     font-display: swap;
 }