Guarantee font size across several formats and fix CSS

Author: josevalim

assets/css/content/code.css

@@ -1,3 +1,10 @@
+/* The Consolas font on Windows is too small compared to other ones */
+@font-face {
+  font-family: "Consolas";
+  src: local("Consolas");
+  size-adjust: 110%;
+}
+
 .content-inner.content-inner :is(a:has(code, img), pre a) {
   color: var(--link-color);
   text-shadow: none;

assets/css/content/functions.css

@@ -27,7 +27,7 @@
 
 .content-inner .detail-header .signature {
   font-family: var(--monoFontFamily);
-  font-size: var(--text-sm);
+  font-size: 13px;
   font-weight: 700;
   line-height: 2em;
 }
@@ -60,7 +60,7 @@
 
 .content-inner .specs pre {
   font-family: var(--monoFontFamily);
-  font-size: 13px;
+  font-size: var(--text-xs);
   font-style: normal;
   line-height: 24px;
   white-space: pre-wrap;

assets/css/content/general.css

@@ -40,9 +40,6 @@
     flex-wrap: nowrap;
     gap: 32px;
     align-items: flex-start;
-    .icon-action {
-      padding-top: 1.7rem; /* vertically align with x-height of first line of heading */
-    }
   }
 }
 
@@ -120,7 +117,7 @@
 
 .content-inner .note {
   color: var(--iconAction);
-  font-size: var(--text-sm);
+  font-size: var(--text-xs);
   font-weight: normal;
 }
 

assets/css/content/summary.css

@@ -11,7 +11,7 @@
 
 .content-inner .summary .summary-row .summary-signature {
   font-family: var(--monoFontFamily);
-  font-size: var(--text-sm);
+  font-size: 13px;
   font-weight: 700;
 }
 

assets/css/custom-props/common.css

@@ -6,9 +6,9 @@
   --navTabBorderWidth: 2px;
 
   /* Font Families */
-  /* modern-normalize.css handles the default font */
-  --sansFontFamily: "Lato", ui-sans-serif, system-ui, sans-serif;
-  --monoFontFamily: ui-monospace, monospace;
+  /* These mirror modern-normalize.css with "Lato" on top */
+  --sansFontFamily: "Lato", system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --monoFontFamily: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
 
   /* Typography */
   --baseLineHeight: 1.5em;