mirror of
https://github.com/servo/servo.git
synced 2025-06-24 09:04:33 +01:00
80 lines
No EOL
5.2 KiB
HTML
80 lines
No EOL
5.2 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
|
<title>CSS Writing Modes Test: Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D).</title>
|
|
<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help" />
|
|
<meta content="Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D)" name="assert" />
|
|
<meta content="dom font" name="flags" />
|
|
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style>
|
|
@font-face {
|
|
font-family: "orientation";
|
|
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
|
|
}
|
|
.test {
|
|
font: 16px/1 "orientation";
|
|
height: 17em;
|
|
writing-mode: vertical-rl;
|
|
}
|
|
.line {
|
|
white-space: pre;
|
|
}
|
|
.U {
|
|
text-orientation: upright;
|
|
}
|
|
.R {
|
|
text-orientation: sideways;
|
|
}
|
|
#details {
|
|
margin: 1em .5em;
|
|
}
|
|
summary {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
margin-top: .5em;
|
|
}
|
|
</style>
|
|
</head><body><div id="log"></div>
|
|
<div id="details"></div>
|
|
<div id="container">
|
|
<div data-vo="U" class="test">
|
|
<div data-block="Transport">
|
|
<div class="line">🚻🚼🚽🚾🚿🛀🛁🛂🛃🛄🛅🛆🛇🛈🛉🛊🛋🛌🛍🛎🛏🛠🛡🛢🛣🛤🛥🛦🛧🛨🛩🛪</div>
|
|
<div class="line">🛫🛬🛰🛱🛲🛳</div>
|
|
</div>
|
|
<div data-block="Alchemical">
|
|
<div class="line">🜀🜁🜂🜃🜄🜅🜆🜇🜈🜉🜊🜋🜌🜍🜎🜏🜐🜑🜒🜓🜔🜕🜖🜗🜘🜙🜚🜛🜜🜝🜞🜟</div>
|
|
<div class="line">🜠🜡🜢🜣🜤🜥🜦🜧🜨🜩🜪🜫🜬🜭🜮🜯🜰🜱🜲🜳🜴🜵🜶🜷🜸🜹🜺🜻🜼🜽🜾🜿</div>
|
|
<div class="line">🝀🝁🝂🝃🝄🝅🝆🝇🝈🝉🝊🝋🝌🝍🝎🝏🝐🝑🝒🝓🝔🝕🝖🝗🝘🝙🝚🝛🝜🝝🝞🝟</div>
|
|
<div class="line">🝠🝡🝢🝣🝤🝥🝦🝧🝨🝩🝪🝫🝬🝭🝮🝯🝰🝱🝲🝳</div>
|
|
</div>
|
|
<div data-block="Geometric">
|
|
<div class="line">🞀🞁🞂🞃🞄🞅🞆🞇🞈🞉🞊🞋🞌🞍🞎🞏🞐🞑🞒🞓🞔🞕🞖🞗🞘🞙🞚🞛🞜🞝🞞🞟</div>
|
|
<div class="line">🞠🞡🞢🞣🞤🞥🞦🞧🞨🞩🞪🞫🞬🞭🞮🞯🞰🞱🞲🞳🞴🞵🞶🞷🞸🞹🞺🞻🞼🞽🞾🞿</div>
|
|
<div class="line">🟀🟁🟂🟃🟄🟅🟆🟇🟈🟉🟊🟋🟌🟍🟎🟏🟐🟑🟒🟓🟔</div>
|
|
</div>
|
|
<div data-block="CJK">
|
|
<div class="line">𠀀𪛖𪜀𫜴𫝀𫠝丽丸乁𠄢你侮侻倂偺備僧像㒞𠘺免兔兤具𠔜㒹內再𠕋冗冤仌</div>
|
|
<div class="line">冬况𩇟凵刃㓟刻剆割剷㔕勇勉勤勺包匆北卉卑博即卽卿卿卿𠨬灰及叟𠭣叫</div>
|
|
<div class="line">叱吆咞吸呈周咢哶唐啓啣善善喙喫喳嗂圖嘆圗噑噴切壮城埴堍型堲報墬𡓤</div>
|
|
<div class="line">売壷夆多夢奢𡚨𡛪姬娛娧姘婦㛮㛼嬈嬾嬾𡧈寃寘寧寳𡬘寿将当尢㞁屠屮峀</div>
|
|
<div class="line">岍𡷤嵃𡷦嵮嵫嵼巡巢㠯巽帨帽幩㡢𢆃㡼庰庳庶廊𪎒廾𢌱𢌱舁弢弢㣇𣊸𦇚形</div>
|
|
<div class="line">彫㣣徚忍志忹悁㤺㤜悔𢛔惇慈慌慎慌慺憎憲憤憯懞懲懶成戛扝抱拔捐𢬌挽</div>
|
|
<div class="line">拼捨掃揤𢯱搢揅掩㨮摩摾撝摷㩬敏敬𣀊旣書晉㬙暑㬈㫤冒冕最暜肭䏙朗望</div>
|
|
<div class="line">朡杞杓𣏃㭉柺枅桒梅𣑭梎栟椔㮝楂榣槪檨𣚣櫛㰘次𣢧歔㱎歲殟殺殻𣪍𡴋𣫺</div>
|
|
<div class="line">汎𣲼沿泍汧洖派海流浩浸涅𣴞洴港湮㴳滋滇𣻑淹潮𣽞𣾎濆瀹瀞瀛㶖灊災灷</div>
|
|
<div class="line">炭𠔥煅𤉣熜𤎫爨爵牐𤘈犀犕𤜵𤠔獺王㺬玥㺸㺸瑇瑜瑱璅瓊㼛甤𤰶甾𤲒異𢆟</div>
|
|
<div class="line">瘐𤾡𤾸𥁄㿼䀈直𥃳𥃲𥄙𥄳眞真真睊䀹瞋䁆䂖𥐝硎碌磌䃣𥘦祖𥚚𥛅福秫䄯穀</div>
|
|
<div class="line">穊穏𥥼𥪧𥪧竮䈂𥮫篆築䈧𥲀糒䊠糨糣紀𥾆絣䌁緇縂繅䌴𦈨𦉇䍙𦋙罺𦌾羕翺</div>
|
|
<div class="line">者𦓚𦔣聠𦖨聰𣍟䏕育脃䐋脾媵𦞧𦞵𣎓𣎜舁舄辞䑫芑芋芝劳花芳芽苦𦬼若茝</div>
|
|
<div class="line">荣莭茣莽菧著荓菊菌菜𦰶𦵫𦳕䔫蓱蓳蔖𧏊蕤𦼬䕝䕡𦾱𧃒䕫虐虜虧虩蚩蚈蜎</div>
|
|
<div class="line">蛢蝹蜨蝫螆䗗蟡蠁䗹衠衣𧙧裗裞䘵裺㒻𧢮𧥦䚾䛇誠諭變豕𧲨貫賁贛起𧼯𠠄</div>
|
|
<div class="line">跋趼跰𠣞軔輸𨗒𨗭邔郱鄑𨜮鄛鈸鋗鋘鉼鏹鐕𨯺開䦕閷𨵷䧦雃嶲霣𩅅𩈚䩮䩶</div>
|
|
<div class="line">韠𩐊䪲𩒖頋頋頩𩖶飢䬳餩馧駂駾䯎𩬰鬒鱀鳽䳎䳭鵧𪃎䳸𪄅𪈎𪊑麻䵖黹黾鼅</div>
|
|
<div class="line">鼏鼖鼻𪘀</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="support/text-orientation.js"></script>
|
|
</body></html> |