1 files changed, 56 insertions, 40 deletions

diff --git a/css/fonts.scss b/css/fonts.scss
index 33f1cee..603c9ec 100644
--- a/css/fonts.scss
+++ b/css/fonts.scss
@@ -1,93 +1,109 @@
 @font-face {
-	font-family: "Fira Mono";
-	src:         url("/font/FiraMono-Regular.ttf");
+	font-display: fallback;
+	font-family:  "Fira Mono";
+	src:          url("/font/FiraMono-Regular.ttf");
 }
 
 @font-face {
-	font-family: "Fira Mono";
-	font-weight: bold;
-	src:         url("/font/FiraMono-Bold.ttf");
+	font-display: fallback;
+	font-family:  "Fira Mono";
+	font-weight:  bold;
+	src:          url("/font/FiraMono-Bold.ttf");
 }
 
 @font-face {
-	font-family: "Martian Mono";
-	src:         url("/font/MartianMono-Regular.ttf");
+	font-display: fallback;
+	font-family:  "Martian Mono";
+	src:          url("/font/MartianMono-Regular.ttf");
 }
 
 @font-face {
-	font-family: "Martian Mono";
-	font-weight: bold;
-	src:         url("/font/MartianMono-Bold.ttf");
+	font-display: fallback;
+	font-family:  "Martian Mono";
+	font-weight:  bold;
+	src:          url("/font/MartianMono-Bold.ttf");
 }
 
 @font-face {
-	font-family: "Montserrat";
-	src:         url("/font/Montserrat-Regular.ttf");
+	font-display: fallback;
+	font-family:  "Montserrat";
+	src:          url("/font/Montserrat-Regular.ttf");
 }
 
 @font-face {
-	font-family: "Montserrat";
+	font-display: fallback;
+	font-family:  "Montserrat";
 	font-style:  italic;
-	src:         url("/font/Montserrat-Italic.ttf");
+	src:          url("/font/Montserrat-Italic.ttf");
 }
 
 @font-face {
-	font-family: "Montserrat";
-	font-weight: bold;
-	src:         url("/font/Montserrat-Bold.ttf");
+	font-display: fallback;
+	font-family:  "Montserrat";
+	font-weight:  bold;
+	src:          url("/font/Montserrat-Bold.ttf");
 }
 
 @font-face {
-	font-family: "Montserrat";
+	font-display: fallback;
+	font-family:  "Montserrat";
 	font-style:  italic;
-	font-weight: bold;
-	src:         url("/font/Montserrat-BoldItalic.ttf");
+	font-weight:  bold;
+	src:          url("/font/Montserrat-BoldItalic.ttf");
 }
 
 @font-face {
-	font-family: "Playfair Display";
-	src:         url("/font/PlayfairDisplay-Regular.ttf");
+	font-display: fallback;
+	font-family:  "Playfair Display";
+	src:          url("/font/PlayfairDisplay-Regular.ttf");
 }
 
 @font-face {
-	font-family: "Playfair Display";
-	font-weight: bold;
-	src:         url("/font/PlayfairDisplay-Regular.ttf");
+	font-display: fallback;
+	font-family:  "Playfair Display";
+	font-weight:  bold;
+	src:          url("/font/PlayfairDisplay-Regular.ttf");
 }
 
 @font-face {
-	font-family: "Playfair Display";
+	font-display: fallback;
+	font-family:  "Playfair Display";
 	font-style:  italic;
-	src:         url("/font/PlayfairDisplay-Italic.ttf");
+	src:          url("/font/PlayfairDisplay-Italic.ttf");
 }
 
 @font-face {
-	font-family: "Playfair Display";
+	font-display: fallback;
+	font-family:  "Playfair Display";
 	font-style:  italic;
-	font-weight: bold;
-	src:         url("/font/PlayfairDisplay-BoldItalic.ttf");
+	font-weight:  bold;
+	src:          url("/font/PlayfairDisplay-BoldItalic.ttf");
 }
 
 @font-face {
-	font-family: "Raleway";
-	src:         url("/font/Raleway-Regular.ttf");
+	font-display: fallback;
+	font-family:  "Raleway";
+	src:          url("/font/Raleway-Regular.ttf");
 }
 
 @font-face {
-	font-family: "Raleway";
-	font-weight: bold;
-	src:         url("/font/Raleway-Bold.ttf");
+	font-display: fallback;
+	font-family:  "Raleway";
+	font-weight:  bold;
+	src:          url("/font/Raleway-Bold.ttf");
 }
 
 @font-face {
-	font-family: "Raleway";
+	font-display: fallback;
+	font-family:  "Raleway";
 	font-style:  italic;
-	src:         url("/font/Raleway-Italic.ttf");
+	src:          url("/font/Raleway-Italic.ttf");
 }
 
 @font-face {
-	font-family: "Raleway";
+	font-display: fallback;
+	font-family:  "Raleway";
 	font-style:  italic;
-	font-weight: bold;
-	src:         url("/font/Raleway-BoldItalic.ttf");
+	font-weight:  bold;
+	src:          url("/font/Raleway-BoldItalic.ttf");
 }