diff --git a/public/index.html b/public/index.html
index 6cb0cdf..c787e62 100644
--- a/public/index.html
+++ b/public/index.html
@@ -35,6 +35,7 @@
     <meta property="og:image" content="images/logo_transparent_512x512.png">
     <!-- Resources -->
     <link rel="preload" href="lang/en.json" as="fetch">
+    <link rel="preload" href="fonts/OpenSans/static/OpenSans-Medium.ttf" as="font" type="font/ttf" crossorigin>
     <link rel="stylesheet" type="text/css" href="styles/styles-main.css">
     <link rel="manifest" href="manifest.json">
 </head>
diff --git a/public/styles/styles-main.css b/public/styles/styles-main.css
index 6bd1734..b274bd6 100644
--- a/public/styles/styles-main.css
+++ b/public/styles/styles-main.css
@@ -252,6 +252,7 @@ html[dir="rtl"] #expand.flipped  > .icon {
 @font-face {
     font-family: "Open Sans";
     src: url('../fonts/OpenSans/static/OpenSans-Medium.ttf') format('truetype');
+    font-display: swap;
 }
 
 body {