Edit in JSFiddle

@import url(http://fonts.googleapis.com/css?family=Nunito:700);
svg {
  width: 5em;
  height: 1.4em;
  font: 8em/1 'nunito', sans-serif;
  /* sólo a efectos ornamentales*/
  background: #cdcdcd;
  border-radius: 5px;
  margin: 10px auto;
}

text { fill: url(#rayos);}

<svg>
<defs>
	<pattern id="rayos" patternUnits="userSpaceOnUse" width="700" height="231" >
		<image xlink:href="http://4.bp.blogspot.com/-KpTJw3Py6Ik/UNhMZyl-ooI/AAAAAAAAEas/G-KcYagaqUE/s1600/extend.jpg" width="700" height="231" />
	</pattern>
</defs>
<text y="1em">KsesoCss</text>
</svg>
<!--
Basado en la demo de Lea Veru http://lea.verou.me/2012/05/text-masking-the-standards-way/
-->