縦書きに使える日本語フォント

縦書きテスター — 2書体を並べて縦に組む

入力した文章を、選んだ書体で縦に組みます（CSS の writing-mode: vertical-rl）。下の欄には、入力した字のうち、その書体では縦書き用の字形にならない字と、書体に無い字を出します（判定の対象は下の表と同じ47字）。

縦書きで形が変わる字と、フォント側の準備

縦書きでも、漢字や仮名の多くは横書きと同じ形のまま正立で並びます。ところが句読点・括弧・長音記号・小書きの仮名は、横書きの形のままだと向きや位置が合いません。Unicode の UAX #50（Unicode Vertical Text Layout）は字ごとに縦書きでの扱いを決めていて、このページで数えた47字のうち、句読点と小書きの仮名は「Tu」、長音記号・波線・括弧は「Tr」に分類されています（Unicode 18.0.0 の VerticalOrientation.txt）。

Tu: Characters which are not just upright or sideways, but generally require a different glyph than in the code charts when used in vertical texts. In addition, as a fallback, the character can be displayed with the code chart glyph upright. / Tr: Same as Tu except that, as a fallback, the character can be displayed with the code chart glyph rotated 90 degrees clockwise.

訳：Tu＝正立か横倒しかだけでは済まず、縦書きでは一般にコード表とは別の字形が要る字。代替表示として、コード表の字形を正立で表示することもできる。Tr＝Tu と同じだが、代替表示はコード表の字形を時計回りに90度回したもの。
出典：UAX #50 Unicode Vertical Text Layout（Unicode 18.0.0・2026-10-05 確認）

縦書き用の字形を用意するのはフォントの役目です。OpenType では vert（Vertical Alternates）という機能が、横書きの字形を縦書き用の字形に置き換えます。仕様には、小書きの「ぁ」を右上に寄せた字形に置き換える例が載っています。

In vertical writing mode, the glyph for HIRAGANA LETTER SMALL A (U+3041 “ぁ”) is transformed into a glyph that is shifted up and to the right, which is properly positioned for upright presentation in vertical writing mode.

訳：縦書きでは、小書きの「ぁ」（U+3041）の字形は、上と右に寄せた字形に置き換えられる。これが縦書きで正立に置くときの正しい位置になる。
出典：OpenType 1.9.1 Registered features u–z（vert）（2024-04-15 版）

CSS の仕様は、縦書きではこの vert を有効にするよう求めています。一方で、フォントが縦書き用の字形を持たない「Tr」の字について、ブラウザが横倒しで補うことは期待していません。

Additionally, font features (such as alternate glyphs and other transformation) intended for use in vertical typesetting must be used. (E.g. the OpenType vert feature must be enabled.) … In the case of Tr characters, if such vertical alternate glyphs are missing from the font, the UA may wish to [RFC6919] (but is not expected to) synthesize the missing glyphs by typesetting them sideways etc.

訳：縦組み用のフォント機能（代替字形など）は使わなければならない（例：OpenType の vert を有効にする）。…Tr の字について、フォントに縦書き用の代替字形が無い場合、UA（ブラウザ）は横倒しにするなどして補ってもよいが、そうすることは期待されていない。
出典：CSS Writing Modes Level 3（W3C 勧告 2019-12-10 版）

Chromium 148 で実際に組んで確かめたところ、縦書き用の字形を持たない字は縦用の形に置き換わらず、横書きの形のまま並びました（Murecho の「ー」、Kosugi Maru の「〜」、Sawarabi Gothic の句読点・括弧・「ー」など）。「ー」が横棒のまま、句読点が横書きと同じ位置のまま並ぶので、縦書きでは目立ちます。逆に、縦書き用の字形に置き換わっても位置まで整うとは限りません。同じ Chromium 148 で Dela Gothic One はかぎ括弧（「 」）が縦書き用の字形に置き換わるものの、隣の字に重なって描かれました。下の表の数字は置き換えの有無なので、仕上がりは上のテスターで確かめてください。Firefox と Safari では確認していません。

このほか、68書体のうち64ファミリーが縦書き用の字送り（vmtx）を持ちます。vpal（縦組みのプロポーショナル詰め）と vkna（縦書き専用の仮名）は、OpenType の仕様で「既定ではオフ」とされる任意の機能で、使うときは CSS の font-feature-settings で指定します。vpal は14ファミリー、vkna は47ファミリーが持っています。

68書体の縦書き対応（47字を1字ずつ）

数字は、その群の字のうち縦書き用の字形（vert）に置き換わる字の数です。句読点4字（、 。 ， ．）・長音と波線3字（ー 〜 ～）・括弧18字・小書きの仮名22字。群ごとに全部そろう書体は、句読点 48、長音・波線 23、括弧 49、小書き仮名 55ファミリーでした。 判定（◎○×）は実測一覧と同じ基準で、◎＝主要8字（、 。 ー 「 」 （ ） 〜）の縦用字形と vmtx がそろう／○＝一部が欠ける／×＝vert（vrt2）を持たない。「収録の無い字」は書体に字そのものが無く、別の書体で表示される字です。計測は Google Fonts が配布するフォントファイル（400 に最も近いウェイト）を fontTools で読み、vert の単純置換を数えました。

字ごとの集計 — そろいにくいのは波線と全角の約物

68書体のうち、縦書き用の字形を持つ書体が少ない字は、「～」36ファミリー・「〜」42ファミリー・「，」48ファミリー・「．」49ファミリーの順です。「〜」（波ダッシュ U+301C）と「～」（全角チルダ U+FF5E）は見た目が似ていても別の字で、片方だけ縦書き用の字形を持つ書体が30ファミリーあります。UAX #50 の分類は Unicode 18.0.0 の値です。

CSS で縦書きにする

writing-mode: vertical-rl で縦書きになります。text-orientation の初期値 mixed のままなら、漢字や仮名は正立、英字は横倒しで並びます。2桁の数字などを横に並べて1字分に収めるときは text-combine-upright: all、vpal を持つ書体で字間を詰めるときは font-feature-settings: "vpal" を指定します。

書体の読み込み方は使い方・ダウンロードにまとめ、そこで埋め込みコードを作れます。縦書き用の字形がそろう書体は用途別のおすすめからも選べます。

タイポグラフィ・デザイン書籍

デザイン書籍を読み放題・聴き放題でPR

縦組みや文字組みの参考書は、Amazonの定額サービスで対象タイトルを追加料金なしで読んだり聴いたりできます。

よくある質問