From c69dfac570e81929a26483a664a2b498a83b5f6d Mon Sep 17 00:00:00 2001 From: Simon Legner Date: Mon, 14 Sep 2026 11:52:23 +0200 Subject: [PATCH] Simplify the font stacks to what modern browsers need system-ui always resolves, so every family between it and sans-serif was unreachable as a primary font: -apple-system is redundant with system-ui since Safari 11, BlinkMacSystemFont only mattered for Chrome <56, and 'San Francisco' was never a valid installed family name. The rest are just what system-ui already picks per platform. The monospace stack can't collapse the same way -- ui-monospace is Safari-only and the generic monospace resolves to Courier New in Firefox on Windows -- but it can lose 'SF Mono', which isn't reliably exposed to web content under that name, and Courier, which the generic covers. Menlo now precedes Consolas so a Mac with MS Office installed keeps Menlo. --- assets/stylesheets/global/_variables.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/stylesheets/global/_variables.scss b/assets/stylesheets/global/_variables.scss index 7a86b805a9..b352ff3034 100644 --- a/assets/stylesheets/global/_variables.scss +++ b/assets/stylesheets/global/_variables.scss @@ -2,12 +2,12 @@ @use 'global/variables-dark'; // Variables needed to style the error message for browsers that don't support CSS variables. -$baseFont: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif; +$baseFont: system-ui, sans-serif; $textColor: #333; html { --baseFont: #{$baseFont}; - --monoFont: 'SF Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; + --monoFont: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace; --boldFontWeight: 500; --bolderFontWeight: 600;