1673510-1.html (612B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <style> 4 @font-face { 5 font-family: test; 6 src: url(../fonts/ShipporiMincho-Regular.subset.otf); 7 } 8 .ref, .test { 9 font: 40px test; 10 writing-mode: vertical-rl; 11 float: left; 12 } 13 .ref { 14 text-orientation: upright; 15 } 16 .hide { 17 color: transparent; 18 } 19 </style> 20 <p>The three wavy dash glyphs below should all look the same: 21 22 <div class=ref>〜</div><!-- with explicit orientation:upright --> 23 <div class=test>〜<span class=hide>ㄅ</span></div><!-- with bopomofo letter --> 24 <div class=test>〜<span class=hide>丁</span></div><!-- with CJK ideograph -->