Disable apple-system-body font for Mac OS

nationalarchives · Jan 27, 2025 · c6937e0 · c6937e0
1 parent b950f67
commit c6937e0
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -17,6 +17,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Deprecated
 ### Removed
+
+- Disabled `-apple-system-body` for dynamic type support in non-touch Apple devices due to issues in Mac OS
+
 ### Fixed
 
 - If cookie policies are invalid or missing when the cookie class is initiated, the cookie banner is shown regardless of the existance of a `cookie_preferences_set` cookie

diff --git a/src/nationalarchives/utilities/_reset.scss b/src/nationalarchives/utilities/_reset.scss
@@ -1,4 +1,5 @@
 @use "../tools/colour";
+@use "../tools/typography";
 
 * {
   margin: 0;
@@ -39,6 +40,20 @@
   }
 }
 
+/*
+ * ------------------------------------------
+ * Disable Apple's Dynamic Type for non-touch
+ * devices (like Mac OS), because the default
+ * system body size is defined as 13px rather
+ * than 16px like on other devices
+ * ------------------------------------------
+ */
+@supports (font: -apple-system-body) and (not (-webkit-touch-callout: default)) {
+  html {
+    @include typography.font-size(16);
+  }
+}
+
 img,
 svg,
 picture,