diff --git a/CHANGELOG.txt b/CHANGELOG.txt
index 1339d9831c..ae129d466b 100644
--- a/CHANGELOG.txt
+++ b/CHANGELOG.txt
@@ -8,6 +8,7 @@ Changelog
  * Major updates to frontend tooling; move Node tooling from Gulp to Webpack, upgrade to Node v16 and npm v8, eslint v8, stylelint v14 and others (Thibaud Colas)
  * Change comment headers’ date formatting to use browser APIs instead of requiring a library (LB (Ben Johnston))
  * Lint with flake8-comprehensions and flake8-assertive (Mads Jensen)
+ * Switch the Wagtail branding font to a system font stack (Steven Steinwand)
 
 
 2.16.1 (11.02.2022)
diff --git a/client/scss/settings/_variables.scss b/client/scss/settings/_variables.scss
index 93aeaa2f4a..b4b4d936c2 100644
--- a/client/scss/settings/_variables.scss
+++ b/client/scss/settings/_variables.scss
@@ -105,8 +105,28 @@ $system-color-link-text: LinkText;
 $system-color-button-text: ButtonText;
 
 // Fonts
-$font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
-  sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+// Our fonts are based off of a list of system fallbacks to ensure
+// that the most 'up-to-date' and available system font is used and rendered consistently as possible across browsers.
+$font-sans:
+  // iOS Safari, macOS Safari, macOS Firefox
+  -apple-system,
+  // macOS Chrome
+  BlinkMacSystemFont,
+  // Windows - for all browsers on Windows 7+ (putting Segoe UI before system-ui ensures Segoe UI will be rendered for different languages)
+  'Segoe UI',
+  system-ui,
+  // Targets Android and newer Chrome OS'. (If Roboto is installed on your windows computer Segoe UI will take precedence.)
+  Roboto,
+  // A common fallback font for older macOS'
+  'Helvetica Neue',
+  // Very old Windows versions (special shout-out to whoever is using windows 95)
+  Arial,
+  // A last resort if all else fails, just give us something without serifs :)
+  sans-serif,
+  // All the emojis 👋🙂
+  'Apple Color Emoji',
+  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
 // Legacy icon font, to be removed in the near future.
 $font-wagtail-icons: wagtail;
 
diff --git a/docs/releases/2.17.md b/docs/releases/2.17.md
index 3c76a6f833..c8d1d1a24b 100644
--- a/docs/releases/2.17.md
+++ b/docs/releases/2.17.md
@@ -8,6 +8,11 @@
 
 ## What's new
 
+### Page editor redesign
+
+Here are other changes related to the redesign:
+
+ * Switch the Wagtail branding font to a system font stack (Steven Steinwand)
 
 ### Other features