<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg"> <style> @font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); } </style> <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="100" y1="100" x2="500" y2="500"> <stop stop-color="red"/> <stop stop-color="yellow" offset="1"/> </linearGradient> <text x="100" y="420" style="font: 400px Ahem; fill: url(#g)">a</text> </svg>