<!--
     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(../../resources/fonts/Ahem.ttf);
    }
  </style>
  <defs>
    <filter id="f1" x="20" y="73" width="144" height="32" filterUnits="userSpaceOnUse">
      <feFlood flood-color="yellow" result="flood"/>
      <feMerge>
        <feMergeNode in="flood"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    <filter id="f2" x="20" y="173" width="240" height="32" filterUnits="userSpaceOnUse">
      <feFlood flood-color="yellow" result="flood"/>
      <feMerge>
        <feMergeNode in="flood"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  <g style="font: 32px Ahem; fill: blue">
    <text x="20" y="100" filter="url(#f1)">one</text>
    <g filter="url(#f2)">
      <text x="20" y="200">three</text>
    </g>
  </g>
  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">
    <rect x="20" y="73" width="96" height="32"/>
    <rect x="20" y="73" width="144" height="32"/>
    <rect x="20" y="173" width="160" height="32"/>
    <rect x="20" y="173" width="240" height="32"/>
  </g>
</svg>