Chrome Canary now supports a new HTML meta tag for text scaling that allows websites to respect users' system-level text size preferences. The feature requires opt-in via `<meta name="text-scale" content="scale" />` to avoid breaking existing sites. To support text scaling properly, developers should avoid overriding the default font size, use font-relative units (em/rem) for content but not spacing, and test at 200% text scale on 320px viewports. Research shows 34-37% of mobile users have changed their system text size, but most websites currently ignore this preference.

6m read timeFrom joshtumath.uk
Post cover image
Table of contents
What is it? permalinkWhy do I have to enable it? Why can't browsers do it anyway? permalinkHow do I support text scaling on my website? permalinkWhat's next? permalink

Sort: