docs: add Consolas font and prioritize resource loading (#16225)

amareshsm · web-flow · commit 1b5b2a7de504 · 2022-09-09T16:15:27.000+05:30
diff --git a/docs/src/_includes/layouts/base.html b/docs/src/_includes/layouts/base.html
@@ -61,6 +61,8 @@
     <link rel="preload" href="{{ '/assets/fonts/SpaceGrotesk-Medium-subset.woff2' | url }}" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="{{ '/assets/fonts/Inter-Regular-subset.woff2' | url }}" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="{{ '/assets/fonts/SpaceMono-Regular-subset.woff2' | url }}" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="{{ '/assets/fonts/Consolas.woff' | url }}" as="font" type="font/woff" crossorigin>
+    <link rel="preconnect" href="https://www.googletagmanager.com/">
 
     <script>
          (function () {
@@ -74,6 +76,16 @@
 
 
     <style>
+    
+        /* Overrides for funky punctuators */
+        @font-face {
+            font-family: "Mono Punctuators";
+            src: url("{{ '/assets/fonts/Consolas.woff' | url }}") format("woff");
+            font-weight: 400;
+            unicode-range: U+40, U+7B, U+7D, U+28, U+29;
+            font-display: swap;
+        }
+        
         /* Space Grotesk for headings */
         @font-face {
             font-family: "Space Grotesk";
diff --git a/docs/src/assets/fonts/Consolas.woff b/docs/src/assets/fonts/Consolas.woff
diff --git a/docs/src/assets/scss/syntax-highlighter.scss b/docs/src/assets/scss/syntax-highlighter.scss
@@ -12,6 +12,7 @@ pre[class*="language-"] {
     word-break: normal;
     word-wrap: normal;
     line-height: 1.5;
+    font-variant-ligatures: none;
 
     -moz-tab-size: 4;
     -o-tab-size: 4;
diff --git a/docs/src/assets/scss/tokens/typography.scss b/docs/src/assets/scss/tokens/typography.scss
@@ -53,7 +53,7 @@
 }
 
 :root {
-    --mono-font: "Space Mono", monospace;
+    --mono-font: "Mono Punctuators", "Space Mono", monospace;
     --text-font: "Inter",
             -apple-system,
             BlinkMacSystemFont,

Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,7 @@`
`53`	`53`	`}`
`54`	`54`
`55`	`55`	`:root {`
`56`		`- --mono-font: "Space Mono", monospace;`
	`56`	`+ --mono-font: "Mono Punctuators", "Space Mono", monospace;`
`57`	`57`	`--text-font: "Inter",`
`58`	`58`	`-apple-system,`
`59`	`59`	`BlinkMacSystemFont,`