Add support for Dynamic Type in iOS

nationalarchives · Nov 15, 2024 · ad4ac55 · ad4ac55
1 parent 4f7c92f
commit ad4ac55
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,6 +8,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased](https://github.com/nationalarchives/tna-frontend/compare/v0.2.18...HEAD)
 
 ### Added
+
+- Added support for the Dynamic Type setting in iOS, allowing users to change the default font size
+
 ### Changed
 ### Deprecated
 ### Removed

diff --git a/src/nationalarchives/utilities/_reset.scss b/src/nationalarchives/utilities/_reset.scss
@@ -14,6 +14,21 @@
   }
 }
 
+/*
+ * ------------------------------------------
+ * If the browser supports -apple-system-body
+ * which at the moment is just iOS then using
+ * the system body font we can respond to the
+ * Dynamic Type setting in iOS
+ * ------------------------------------------
+ */
+@supports (font: -apple-system-body) {
+  html {
+    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
+    font: -apple-system-body;
+  }
+}
+
 img,
 svg,
 picture,