New HTML Meta Tag for Text Scaling Support in Chrome Canary
By
linolevan
An everything bagel for the brain. Substantive, layered, well-seasoned.
Summary
The article introduces a new HTML meta tag for text scaling support in Chrome Canary. The author, who proposed the feature at the CSS Working Group in Summer 2024, explains that the <meta name="text-scale" content="scale" /> tag allows web developers to control text scaling behavior on their sites. The feature addresses issues where increasing system text size on iOS or Android can break website layouts. The article provides technical details about the implementation, explains how developers can test it in Chrome Canary with experimental flags enabled, and discusses the feature's inclusion in the CSS Fonts 5 specification.
Key quotes
· 4 pulledThis is a feature that I proposed at the CSS Working Group back in Summer 2024 and developed with a lot of help from David Grogan and Philip Rogers from the Google Chrome team.
You can now try out a new HTML meta tag: <meta name="text-scale" content="scale" />
I'm delighted that is finally in the CSS Fonts 5 specification and supported in a browser behind a flag!
Have you ever noticed that when you increase the system text size in your iOS or Android device, some websites break?
You might also wanna read
Chrome 148 introduces declarative partial updates for out-of-order HTML streaming
Chrome 148 introduces declarative partial updates, enabling out-of-order streaming of HTML content. This allows web developers to stream HTM
developer.chrome.com·5d agoChrome 148 introduces declarative partial updates for out-of-order HTML streaming
Chrome 148 introduces declarative partial updates, enabling out-of-order streaming of HTML content. This allows web developers to stream HTM
developer.chrome.com·5d ago
Firefox to Include Option for Complete AI Feature Disablement
Firefox developers are implementing an option to completely disable all AI features, internally referred to as the "AI kill switch." This fe
mastodon.social·5mo ago
WebSparks: An AI-Powered Tool for Building Web Applications Without Extensive Coding
WebSparks is an AI-powered software engineer that transforms ideas into fully functional web applications without requiring extensive coding
innovirtuoso.com·15h ago
Joost de Valk publishes open Website Specification: 128 rules for modern, future-proof websites
Joost de Valk, creator of Yoast SEO, published the Website Specification (specification.website) — an open, platform-agnostic reference docu
ppc.land·20h ago
ZX Spectrum BASIC interpreter rebuilt from scratch to run natively in web browsers
A developer has rebuilt the ZX Spectrum's BASIC interpreter from scratch to run in a web browser, without emulating the original Z80 hardwar
boingboing.net·1d ago