Using design tricks on headings allows you
When SVGAn excerpt from Reverse Knockout Text Mask Effect with SVG
<mask>elements are applied to another shape, they hide by default, the objects that they are applied to. We need to essentially reverse this to show by default, then choose which areas to hide. We’ll use a simple
<rect>shape with a white fill to show the entire area, and a
<text>element with a black fill to hide, or knock-out that area.