95 lines
3.4 KiB
HTML
95 lines
3.4 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
|
"http://www.w3.org/TR/html4/loose.dtd">
|
|
<html>
|
|
<head>
|
|
<title>ATSUI spacing features</title>
|
|
<style type="text/css">
|
|
div.test { width: 200px; border: solid blue 1px; margin-bottom: 5px; }
|
|
div.rtl { direction: rtl; font-family: 'Lucida Grande'; line-height: 18px; }
|
|
div.ref { width: 200px; border: solid green 1px; }
|
|
div.word { word-spacing: 10px; }
|
|
div.letter { letter-spacing: 5px; }
|
|
div.justify { text-align: justify; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>
|
|
Test for regressions against <i><a href="https://bugs.webkit.org/show_bug.cgi?id=3922">http://bugzilla.opendarwin.org/show_bug.cgi?id=3922</a> Variable word/letter spacing and full justification not supported for ATSUI-rendered text</i>.
|
|
</p>
|
|
Each green box should be identical to the blue box it follows, except for accents.
|
|
<hr>
|
|
<table>
|
|
<tr style="text-align: center;">
|
|
<td>Word spacing</td>
|
|
<td>Letter spacing</td>
|
|
<td>Justification</td>
|
|
</tr>
|
|
<tr style="vertical-align: top;">
|
|
<td>
|
|
<div class="word">
|
|
<div class="test rtl">
|
|
יְהִי,
|
|
אָחִי,
|
|
לְךָ
|
|
סֵפֶר
|
|
שְׁלַחְתִּיו
|
|
וּמִמְכֶּרֶת
|
|
צְמִיתוּת
|
|
לָךְ
|
|
מְכַרְתִּיו.
|
|
</div>
|
|
<div class="test">
|
|
Lorèm ipsum dolor sit amèt, consectetuer adipiscing èlit.
|
|
</div>
|
|
<div class="ref">
|
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="letter">
|
|
<div class="test rtl">
|
|
יְהִי,
|
|
אָחִי,
|
|
לְךָ
|
|
סֵפֶר
|
|
שְׁלַחְתִּיו
|
|
וּמִמְכֶּרֶת
|
|
צְמִיתוּת
|
|
לָךְ
|
|
מְכַרְתִּיו.
|
|
</div>
|
|
<div class="test">
|
|
Lorèm ipsum dolor sit amèt, consectetuèr adipiscing èlit.
|
|
</div>
|
|
<div class="ref">
|
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="justify">
|
|
<div class="test rtl">
|
|
יְהִי,
|
|
אָחִי,
|
|
לְךָ
|
|
סֵפֶר
|
|
שְׁלַחְתִּיו
|
|
וּמִמְכֶּרֶת
|
|
צְמִיתוּת
|
|
לָךְ
|
|
מְכַרְתִּיו.
|
|
</div>
|
|
<div class="test">
|
|
Lorèm ipsum dolor sit amèt, consectetuèr adipiscing èlit.
|
|
</div>
|
|
<div class="ref">
|
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|