<head>
<style>
@font-face {
    font-family: f;
    src: url(resources/no-latin-glyph-font.svg#Font) format("svg");
}
</style>
</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>
if (window.testRunner)
    testRunner.dumpAsText();
// Wait until the font is ready for measuring the text height
document.body.offsetWidth;
window.addEventListener("load", function() {
    var height = document.getElementById('text').offsetHeight;
    var result = document.getElementById('result');
    result.innerHTML = 'character height is ' + height;
});
</script>
</body>