blob: 3a6572151e3562640b78cf8559385e447ccad089 [file] [log] [blame]
<head>
<style>
div { border: 1px solid; padding: 0 8px; margin: 8px 0; }
span.ahem { font-family: 'Ahem'; }
span.courier { font-family: 'Courier'; }
@font-face {
font-family: 'test1';
src: local('Times');
}
@font-face {
font-family: 'test1';
src: url('resources/Ahem.ttf');
unicode-range: U+0041;
}
@font-face {
font-family: 'test2';
src: local('Times');
}
@font-face {
font-family: 'test2';
src: url('resources/Ahem.ttf');
unicode-range: U+004?;
}
@font-face {
font-family: 'test3';
src: local('Times');
}
@font-face {
font-family: 'test3';
src: url('resources/Ahem.ttf');
unicode-range: U+0042-0044;
}
@font-face {
font-family: 'test4';
src: local('Times');
}
@font-face {
font-family: 'test4';
src: url('resources/Ahem.ttf');
unicode-range: U+0050-0058;
}
@font-face {
font-family: 'test4';
src: local('Courier');
unicode-range: U+004F-0051;
}
@font-face {
font-family: 'test5';
src: local('Times');
}
@font-face {
font-family: 'test5';
src: url('resources/Ahem.ttf');
unicode-range: U+0050-0058;
}
@font-face {
font-family: 'test5';
src: local('Courier');
unicode-range: U+0052-0055;
}
</style>
</head>
<body onload="finished()">
<p>
Each box should contain two identical lines
</p>
<div>
<p style="font-family: 'test1';">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
<p>
<span class="ahem">A</span>BCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
</div>
<div>
<p style="font-family: 'test2';">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
<p>
<span class="ahem">ABCDEFGHIJKLMNO</span>PQRSTUVWXYZ
</p>
</div>
<div>
<p style="font-family: 'test3';">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
<p>
A<span class="ahem">BCD</span>EFGHIJKLMNOPQRSTUVWXYZ
</p>
</div>
<div>
<p style="font-family: 'test4';">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
<p>
ABCDEFGHIJKLMN<span class="courier">OPQ</span><span class="ahem">RSTUVWX</span>YZ
</p>
</div>
<div>
<p style="font-family: 'test5';">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
<p>
ABCDEFGHIJKLMNO<span class="ahem">PQ<span class="courier">RSTU</span>VWX</span>YZ
</p>
</div>
<script>
function finished()
{
if (window.layoutTestController)
layoutTestController.notifyDone();
}
document.body.offsetTop;
if (window.layoutTestController)
layoutTestController.waitUntilDone();
</script>
</body>