<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<font id="f">
    <font-face font-family="epic" units-per-em="1000" />
    <glyph unicode="PASS" horiz-adv-x="1000" />
</font>

<text id="t" y="50" font-size="50" font-family="epic">PASS</text>
<text y="72">This tests that &lt;font-face&gt; elements that are not in the document have no effect.</text>
<text y="96">Test result: <tspan id="result"></tspan></text>
<script>
    if (window.testRunner)
        testRunner.dumpAsText();

    var f = document.getElementById("f");
    f.parentNode.removeChild(f);

    var pass = document.getElementById("t").getEndPositionOfChar(0).x != 50;
    document.getElementById("result").appendChild(document.createTextNode(pass ? "PASS" : "FAIL"));
</script>
</svg>