demo · v133
text-box-trim
Two display headings, same font, same size. The right one has text-box-trim: trim-both applied — the leading whitespace baked into the font's metrics is gone. Toggle the edges and watch the measured box change.
before (default leading)
Hgmeasuring…
after (text-box-trim)
Hgmeasuring…
checking support…
the CSS
.title {
text-box-trim: trim-both;
text-box-edge: cap alphabetic;
/* or the shorthand: text-box: trim-both cap alphabetic; */
}