demo · v131

live percentage adjust slider

v131 turned text-size-adjust into a pure multiplier of the font size and line-height. Pre-v131, percentages on desktop were either ignored or applied unpredictably. Now you can dial in any percentage and the rendered text scales proportionally. Drag the slider — the readout shows the resolved font-size + line-height of the article paragraphs.

100%
declared font-size16px
resolved font-size
resolved line-height
resolved zoom

The geometry of typography

Body type, the unsung middle of every screen reading experience, owes its hierarchy to scale. When a sliver of a per-cent moves, every paragraph, caption, table row and footnote moves with it. text-size-adjust as a multiplier means that a single declaration retunes the entire flow.

The new model is: pick a base in the cascade, then declare the adjust. No conditional-load polyfills, no mobile-only hacks. The whole article — body text, code spans, even nested lists — recomputes.

the api

/* Disable user-agent text scaling entirely */
.article { text-size-adjust: none; }

/* Multiply by 130% */
.article { text-size-adjust: 130%; }

/* v131 also unified the WebKit prefix - both spellings work */
.article { -webkit-text-size-adjust: 130%; text-size-adjust: 130%; }

see also