Accessibility fix: Allow iOS browsers to auto-scale fonts based on user preference

mvasilkov / systematize

systematize.scss: normalize styles across browsers. Like normalize.css, but with system fonts.

https://github.com/mvasilkov/systematize

MIT License

59 stars 2 forks source link

Accessibility fix: Allow iOS browsers to auto-scale fonts based on user preference #18

Open chrislachance opened 3 years ago

chrislachance commented 3 years ago

May be a good idea add font:-apple-system-body to the HTML element CSS to allow iOS browsers to auto-scale font sizes based on user preference set in Accessibility > Display & Text size.

See this Codepen for the full code example. https://codepen.io/chrislachance/pen/OJpmgrM

(PS: iOS is set to a default of 17px instead of the browser-standard 16px when using this method.)