<!-- 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> <!-- We stick this in a pattern instead of rendering the <text> elements directly so that it gets the same mFontSizeScaleFactor, and thus will get the same thickness text decoration line. --> <pattern id="p" x="0" y="0" width="600" height="400" patternUnits="userSpaceOnUse"> <g style="font: 32px Ahem; white-space: pre; fill: blue"> <text x="20" y="100">one</text> <text x="20" y="150" style="text-decoration: line-through"> </text> </g> </pattern> <rect width="600" height="400" fill="url(#p)"/> <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges"> <rect x="20" y="73" width="96" height="32"/> </g> </svg>