From 113798b0f619ecc554e75e58eceff38e964e9349 Mon Sep 17 00:00:00 2001
From: Andrew Hosgood <andrew.hosgood@nationalarchives.gov.uk>
Date: Wed, 18 Oct 2023 17:50:08 +0100
Subject: [PATCH] Remove font-display

---
 .storybook/preview-head.html                    | 4 ++--
 CHANGELOG.md                                    | 1 -
 src/nationalarchives/utilities/_typography.scss | 6 +++---
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index 87d9bd8d..941cf675 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -28,7 +28,7 @@
     document.addEventListener("DOMContentLoaded", removeAllClasses, false);
   }
 </script>
-<link
+<!-- <link
   rel="preload"
   href="/static/media/src/nationalarchives/assets/fonts/OpenSans-Medium.ttf"
   as="font"
@@ -62,4 +62,4 @@
   as="font"
   type="font/woff2"
   crossorigin="anonymous"
-/>
+/> -->
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7890d9d2..6def4c93 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,7 +15,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Breadcrumbs are no longer contained within a container/column layout
 - Header styles have been simplified
-- Fonts now use `font-display` to avoid blocking rendering
 - External link icons changed from CSS to icon font in header and footer
 - External links in footer have titles suffixed with "opens in new tab"
 - Links in footer and text in buttons have balanced wrapping applied
diff --git a/src/nationalarchives/utilities/_typography.scss b/src/nationalarchives/utilities/_typography.scss
index e2d258c0..b997d1b8 100644
--- a/src/nationalarchives/utilities/_typography.scss
+++ b/src/nationalarchives/utilities/_typography.scss
@@ -14,7 +14,7 @@
   src: url("#{assets.$tna-font-path}/OpenSans-Medium.ttf") format("ttf");
   font-weight: normal;
   font-style: normal;
-  font-display: swap;
+  // font-display: swap;
 }
 
 @font-face {
@@ -22,7 +22,7 @@
   src: url("#{assets.$tna-font-path}/OpenSans-Bold.ttf") format("ttf");
   font-weight: bold;
   font-style: normal;
-  font-display: swap;
+  // font-display: swap;
 }
 
 @font-face {
@@ -30,7 +30,7 @@
   src: url("#{assets.$tna-font-path}/RobotoMono-Regular.ttf") format("ttf");
   font-weight: normal;
   font-style: normal;
-  font-display: swap;
+  // font-display: swap;
 }
 
 .tna-template {