Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<!DOCTYPE html>
<meta charset=utf-8>
<style>
@font-face {
font-family: test;
src: url(../fonts/ShipporiMincho-Regular.subset.otf);
}
.ref, .test {
font: 40px test;
writing-mode: vertical-rl;
float: left;
}
.ref {
text-orientation: upright;
}
.hide {
color: transparent;
}
</style>
<p>The three wavy dash glyphs below should all look the same:
<div class=ref>〜</div><!-- with explicit orientation:upright -->
<div class=test>〜<span class=hide>ㄅ</span></div><!-- with bopomofo letter -->
<div class=test>〜<span class=hide>丁</span></div><!-- with CJK ideograph -->