From b084a9b83be7de211b4124bfa80184a1081f9bf0 Mon Sep 17 00:00:00 2001
From: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
Date: Wed, 13 Dec 2023 17:20:46 +0100
Subject: [PATCH] Preload font and add `font-display: swap;` to increase
 loading speed

---
 public/index.html             | 1 +
 public/styles/styles-main.css | 1 +
 2 files changed, 2 insertions(+)

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 {