[docs] Improve code font family v2 (mui#35053)

the-mgi · Nov 17, 2022 · 8033031 · 8033031
1 parent fed29ba
commit 8033031
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/docs/src/modules/brandingTheme.ts b/docs/src/modules/brandingTheme.ts
@@ -224,9 +224,13 @@ export const getDesignTokens = (mode: 'light' | 'dark') =>
     spacing: 10,
     typography: {
       fontFamily: ['"IBM Plex Sans"', ...systemFont].join(','),
+      // Match VS Code
+      // https://github.com/microsoft/vscode/blob/b38691f611d1ce3ef437c67a1b047c757b7b4e53/src/vs/editor/common/config/editorOptions.ts#L4578-L4580
+      // https://github.com/microsoft/vscode/blob/d950552131d7350a45dac8b59bf179469c36c2ac/src/vs/editor/standalone/browser/standalone-tokens.css#L10
       fontFamilyCode: [
         'Menlo', // macOS
-        'Lucida Console', // Windows
+        'Consolas', // Windows
+        '"Droid Sans Mono"', // Linux
         'monospace', // fallback
       ].join(','),
       fontFamilyTagline: ['"PlusJakartaSans-ExtraBold"', ...systemFont].join(','),