Remove font-display

.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"
-/>
+/> -->

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

src/nationalarchives/utilities/_typography.scss

@@ -14,23 +14,23 @@
   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 {
   font-family: "Open Sans";
   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 {
   font-family: "Roboto Mono";
   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 {