Some caveats worth mentioning yet missing there:<p>1. many, MANY implementation bugs in `background-clip: text` across browsers, especially Firefox [1], basically safe only for simple cases with no additional transforms or filters.<p>2. `color: transparent` ensures the text will be invisible in every browser that does supports the `transparent` keyword (i.e. basically every single one, presumably) but not support background-clip:text yet, or fail to load or interpret the background-image (like in high contrast/forced colours mode). Use `-webit-text-fill-color: transparent` instead. (Yes, that vendor prefix is necessary, and yes, it is de-facto standardised and implemented in Chrome and Firefox [2]. And yes, it is as absurd as it gets.)<p>3. Touching the `letter-spacing` turns off all ligatures, logically. Could be a good thing, actually, but worth knowing. (Anthropic used to use negative letter-spacing thorough its webpages, but now it seems they abandoned that.)<p>[1] <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1656784" rel="nofollow">https://bugzilla.mozilla.org/show_bug.cgi?id=1656784</a>
[2] <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/-webkit-text-fill-color" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/P...</a>