<head>
<style>
@font-face {
    font-family: f;
    src: url(resources/no-latin-glyph-font.svg#Font) format("svg");
}
</style>
<script>
function doTest() {
    var height = document.getElementById('text').offsetHeight;
    var result = document.getElementById('result');
    result.innerHTML = 'character height is ' + height + '<br />';
    if (height == 16)
        result.innerHTML += 'PASS';
    else
        result.innerHTML += 'FAIL';
    if (window.testRunner)
        testRunner.notifyDone();
}
</script>
</head>
<body>
<p>Following character should be rendered as an exlamation.</p>
<span id="text" style="font-family: f;">&#x3042;</span>
<div id="result"></div>
<script>
document.body.offsetWidth;
if (window.testRunner) {
    testRunner.dumpAsText();
    testRunner.waitUntilDone();
}
window.addEventListener('load', doTest, true);
</script>
</body>