fix(style): Make font-family of code, match ordinary MDN examples (#1133

) fix(style): Make font-family of code match ordinary MDN examples
mdn · Jun 9, 2023 · 742a5b5 · 742a5b5
1 parent f92927f
commit 742a5b5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/editor/css/editor-libs/codemirror-override.css b/editor/css/editor-libs/codemirror-override.css
@@ -19,6 +19,7 @@
 
 .cm-editor .cm-scroller {
   line-height: inherit;
+  font-family: var(--font-code);
 }
 
 .cm-editor .cm-cursor {

diff --git a/editor/css/editor-libs/common.css b/editor/css/editor-libs/common.css
@@ -2,7 +2,8 @@
   --font-fallback: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
     "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-sans;
   --font-body: Inter, var(--font-fallback);
-  --font-code: Consolas, "Courier New", monospace;
+  --font-code: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console,
+    monospace;
   --type-body-l: 400 1rem/1.1876 var(--font-body); /* 16px/19px */
   --type-emphasis-m: 600 0.8125rem/1.23 var(--font-body); /* 13px/16px */
   --font-heading: var(--font-body);