text-combine-various-fonts.html | Explore in Territory

<!DOCTYPE html>
<meta charset="utf-8">
<style>
:root {
  writing-mode: vertical-rl;
  line-height: 1.2;
}
.tcy { text-combine-upright: all; }
.large { font-size: 24pt; }
.msgothic { font-family: 'MS Gothic'; }
.msmincho { font-family: 'MS Mincho'; }
.meiryo { font-family: Meiryo; }
.yugothic { font-family: /*'Yu Gothic',*/ YuGothic; }
.yumincho { font-family: 'Yu Mincho', YuMincho; }
.hirag { font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro'; }
.hiram { font-family: 'Hiragino Mincho ProN', 'Hiragino Mincho Pro'; }
.notojp { font-family: 'Noto Sans CJK JP'; }
.jhenghei { font-family: 'Microsoft JhengHei'; }
</style>
<div lang="ja">
  <div class="msgothic">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
  <div class="msmincho">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
  <div class="meiryo">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
  <div class="yugothic">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
  <div class="yumincho">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
  <div class="hirag">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
  <div class="hiram">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
  <div class="notojp">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
  <div class="large">
    <div class="msgothic">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
    <div class="msmincho">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
    <div class="meiryo">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
    <div class="yugothic">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
    <div class="yumincho">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
    <div class="hirag">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
    <div class="hiram">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
    <div class="notojp">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
  </div>
  <div lang="zh-hant">
    <div class="jhenghei">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
    <div class="large">
      <div class="jhenghei">国<span class="tcy">1</span>国<span class="tcy">23</span>国<span class="tcy">2016</span>国<span class="tcy">45674567</span>国</div>
    </div>
  </div>
</div>
chromium/third_party/blink/web_tests/fast/writing-mode/text-combine-various-fonts.html
