diff --git a/.changeset/olive-fishes-provide.md b/.changeset/olive-fishes-provide.md new file mode 100644 index 00000000000..184df153471 --- /dev/null +++ b/.changeset/olive-fishes-provide.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': minor +--- + +Added support for [Dynamic Type](https://developer.apple.com/documentation/uikit/uifont/scaling_fonts_automatically) in iOS diff --git a/polaris-react/src/components/AppProvider/AppProvider.scss b/polaris-react/src/components/AppProvider/AppProvider.scss index b8b9c446f7f..878302d2f21 100644 --- a/polaris-react/src/components/AppProvider/AppProvider.scss +++ b/polaris-react/src/components/AppProvider/AppProvider.scss @@ -55,6 +55,17 @@ html { text-rendering: optimizeLegibility; } +/* + To support dynamic type in iOS, we need to set Apple's + system font and then define font-families and rem-based + font-sizes on descendant elements: +*/ +@supports (font: -apple-system-body) { + html { + font: -apple-system-body; + } +} + body { min-height: 100%; margin: 0;