Эксперементирует с предзагрузкой

Author: Inventoris

src/index.html

@@ -11,6 +11,8 @@
   <link rel="canonical" href="https://inventoris.github.io/severnee/">
   <link rel="stylesheet" type="text/css" href="styles/style.css">
   <link rel="icon" href="favicon.svg" type="image/svg+xml">
+  <link rel="preload" href="./fonts/NotoSans-Regular.woff2" as="font" type="font/woff2" crossorigin>
+  <link rel="preload" href="./fonts/RobotoMono-Regular.woff2" as="font" type="font/woff2" crossorigin>
   <link rel="preconnect" href="https://services.swpc.noaa.gov" crossorigin>
 </head>
 

src/styles/common/fonts.css

@@ -3,29 +3,25 @@
   src: url('../../fonts/NotoSans-Regular.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
-  font-display: swap;
 }
 
 @font-face {
   font-family: 'Noto Sans';
   src: url('../../fonts/NotoSans-Medium.woff2') format('woff2');
   font-weight: 500;
   font-style: normal;
-  font-display: swap;
 }
 
 @font-face {
   font-family: 'Noto Sans';
   src: url('../../fonts/NotoSans-SemiBold.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
-  font-display: swap;
 }
 
 @font-face {
   font-family: 'Roboto Mono';
   src: url('../../fonts/RobotoMono-Regular.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
-  font-display: swap;
 }