Merge pull request #2803 from jcabak/v2

Performance improvement
microsoft · Apr 26, 2023 · 16d6110 · 16d6110
2 parents b0e88bb + fb41525
commit 16d6110
Showing 1 changed file with 48 additions and 0 deletions.
diff --git a/packages/typescriptlang-org/src/components/layout/fonts.scss b/packages/typescriptlang-org/src/components/layout/fonts.scss
@@ -6,6 +6,7 @@
   src: url("/fonts/CascadiaMono-SemiLight.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 // Custom options
@@ -15,48 +16,55 @@
   src: url("/fonts/CascadiaCode-SemiLight.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
   font-family: "JetBrains Mono-Regular";
   src: url("/fonts/JetBrainsMono-Regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
   font-family: "FiraCode-Regular";
   src: url("/fonts/FiraCode-Regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
   font-family: "Dank Mono Regular";
   src: url("/fonts/DankMono-Regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
   font-family: "SourceCode Pro Regular";
   src: url("/fonts/SourceCodePro-Regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
   font-family: "OpenDyslexicMono Regular";
   src: url("/fonts/OpenDyslexicMono-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
   font-family: "OpenDyslexic Regular";
   src: url("/fonts/OpenDyslexic-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 // Fluent App Fonts, taken from the source code from the fluent gatsby template
@@ -69,6 +77,7 @@
       format("woff");
   font-weight: 100;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -79,6 +88,7 @@
       format("woff");
   font-weight: 300;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -89,6 +99,7 @@
       format("woff");
   font-weight: 400;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -99,6 +110,7 @@
       format("woff");
   font-weight: 600;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -109,6 +121,7 @@
       format("woff");
   font-weight: 700;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -119,6 +132,7 @@
       format("woff");
   font-weight: 100;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -129,6 +143,7 @@
       format("woff");
   font-weight: 300;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -139,6 +154,7 @@
       format("woff");
   font-weight: 400;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -149,6 +165,7 @@
       format("woff");
   font-weight: 600;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -159,6 +176,7 @@
       format("woff");
   font-weight: 700;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -169,6 +187,7 @@
       format("woff");
   font-weight: 100;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -179,6 +198,7 @@
       format("woff");
   font-weight: 300;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -189,6 +209,7 @@
       format("woff");
   font-weight: 400;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -199,6 +220,7 @@
       format("woff");
   font-weight: 600;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -209,6 +231,7 @@
       format("woff");
   font-weight: 700;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -219,6 +242,7 @@
       format("woff");
   font-weight: 100;
   font-style: normal;
+font-display: swap;
 }
 
 @font-face {
@@ -229,6 +253,7 @@
       format("woff");
   font-weight: 300;
   font-style: normal;
+font-display: swap;
 }
 
 @font-face {
@@ -239,6 +264,7 @@
       format("woff");
   font-weight: 400;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -249,6 +275,7 @@
       format("woff");
   font-weight: 600;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -259,6 +286,7 @@
       format("woff");
   font-weight: 700;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -269,6 +297,7 @@
       format("woff");
   font-weight: 100;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -279,6 +308,7 @@
       format("woff");
   font-weight: 300;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -289,6 +319,7 @@
       format("woff");
   font-weight: 400;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -299,6 +330,7 @@
       format("woff");
   font-weight: 600;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -309,6 +341,7 @@
       format("woff");
   font-weight: 700;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -319,6 +352,7 @@
       format("woff");
   font-weight: 100;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -329,6 +363,7 @@
       format("woff");
   font-weight: 300;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -339,6 +374,7 @@
       format("woff");
   font-weight: 400;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -349,6 +385,7 @@
       format("woff");
   font-weight: 600;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -359,6 +396,7 @@
       format("woff");
   font-weight: 700;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -369,6 +407,7 @@
       format("woff");
   font-weight: 100;
   font-style: normal;
+font-display: swap;
 }
 
 @font-face {
@@ -379,6 +418,7 @@
       format("woff");
   font-weight: 300;
   font-style: normal;
+font-display: swap;
 }
 
 @font-face {
@@ -389,6 +429,7 @@
       format("woff");
   font-weight: 400;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -399,6 +440,7 @@
       format("woff");
   font-weight: 600;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -409,6 +451,7 @@
       format("woff");
   font-weight: 700;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -419,6 +462,7 @@
       format("woff");
   font-weight: 100;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -429,6 +473,7 @@
       format("woff");
   font-weight: 300;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -439,6 +484,7 @@
       format("woff");
   font-weight: 400;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -449,6 +495,7 @@
       format("woff");
   font-weight: 600;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -459,6 +506,7 @@
       format("woff");
   font-weight: 700;
   font-style: normal;
+  font-display: swap;
 }
 
 body {