style: fix fonts on safari browser

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

Hide file tree

Showing 4 changed files with 10 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,48 +1,52 @@
 @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;
 }
 
 $primaryColor: #16002b;
 
 html {
+    font-family:  UEFAEuro, Helvetica Neue, Helvetica, Arial, sans-serif;
     -webkit-overflow-scrolling: touch;
     background-color: "#16002b";