Text masking — The SVG way

dabblet.css

/**
 * Text masking — The SVG way
 */

svg {
	font: 900 500%/1.2 'Arial Black', sans-serif;
}

text {
	fill: url(#wood);
}

dabblet.html

<svg width="6em" height="1.5em">
<defs>
	<pattern id="wood" patternUnits="userSpaceOnUse" width="400" height="400" >
		<image xlink:href="http://subtlepatterns.com/patterns/purty_wood.png" width="400" height="400" />
	</pattern>
</defs>
<text y="1.2em">SVG rocks!</text>
</svg>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"","page":"all"}