diff --git a/src/client/webapp/styles/fonts.scss b/src/client/webapp/styles/fonts.scss
index b61a9c1..2dc9bf5 100644
--- a/src/client/webapp/styles/fonts.scss
+++ b/src/client/webapp/styles/fonts.scss
@@ -1,30 +1,35 @@
 @font-face {
     font-family: Whitney;
     font-weight: 300;
+    font-display: block; // Uses an invisible font until it's loaded. See https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display
     src: url(./font/whitney/whitney-300.woff);
 }
 
 @font-face {
     font-family: Whitney;
     font-weight: 400;
+    font-display: block; 
     src: url(./font/whitney/whitney-400.woff);
 }
 
 @font-face {
     font-family: Whitney;
     font-weight: 500;
+    font-display: block; 
     src: url(./font/whitney/whitney-500.woff);
 }
 
 @font-face {
     font-family: Whitney;
     font-weight: 600;
+    font-display: block; 
     src: url(./font/whitney/whitney-600.woff);
 }
 
 @font-face {
     font-family: Whitney;
     font-weight: 700;
+    font-display: block; 
     src: url(./font/whitney/whitney-700.woff);
 }