<!DOCTYPE HTML>
<style>
@font-face {
font-family:Ahem;
src:url(../../resources/Ahem.otf);
}
@font-face {
font-family:cssot;
src:url(../../third_party/adobe-fonts/CSSFWOrientationTest.otf);
}
.container {
display: inline-block;
}
#complex {
text-rendering: optimizelegibility
}
dd {
border:black solid thin;
font-family:Ahem, cssot;
white-space:pre;
line-height: 17px;
}
</style>
<div id="simple" class="container">
<h2>Simple</h2>
<dl>
<dt>Ideographic, Kana, CJK symbols</dt>
<dd style="width:9em;">国 国 あ ！ 国<br>国WWWWWWWW</dd>
<dd style="width:9em;">国 国 あ ！ 国<br>WWWWWWWWW</dd>
<dd style="width:9em;">国 国 あ ！ 国<br>WWWWWWWWW</dd>
<dd style="width:9em;">国 国 あ ！ W<br>WWWWWWWWW</dd>
<dd style="width:9em;">𠮟 𠮟 𠮟 𠮟 𠮟<br>𠮟WWWWWWWW</dd>
<dt>Ideographic, Kana, CJK symbols with spans</dt>
<dd style="width:9em;">国 国 あ ！ 国<br>国WWWWWWWW</dd>
<dt>Ideographic, Latin, and spaces</dt>
<dd style="width:8em;">WW 国 W 国<br>国WWWWWWW</dd>
<dd style="width:11em;">WW 国 W 国<br>国WWWWWWWWWW</dd>
<dd style="width:11em;">WW 国 W 国<br>WWWWWWWWWWW</dd>
<dd style="width:11em;">WW 国 W 国<br>WWWWWWWWWWW</dd>
<dd style="width:8em;">WW 国 W<br>国WWWWWWW</dd>
<dd style="width:11em;">W. W. W 国<br>WWWWWWWWWWW</dd>
</dl>
</div>
<div id="complex" class="container">
<h2>Complex</h2>
</div>
<script>
document.body.offsetLeft; // Kick off loading @font-face
if (window.testRunner) {
testRunner.waitUntilDone();
document.body.onload = function () { testRunner.notifyDone(); };
}
var tests = document.getElementsByTagName('dl')[0];
document.getElementById('complex').appendChild(tests.cloneNode(true));
</script>