From 80330314fdc2448df14752fa8f533db5c49d1ae1 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Thu, 10 Nov 2022 10:50:35 +0100 Subject: [PATCH] [docs] Improve code font family v2 (#35053) --- docs/src/modules/brandingTheme.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/src/modules/brandingTheme.ts b/docs/src/modules/brandingTheme.ts index 55d4bfcb550d8d..0409e794b6e1e8 100644 --- 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(','),