縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ

ドワンゴ教育事業Webフロントエンドチームの berlysia です*1。 はじめに この記事では、日本語の縦書きHTMLにおいて、「ある1文字が縦組みのなかで違和感なく縦書きとして表示される」とはどのように成り立っているのか、意図しない表記になりやすい文字とその理由について紹介します。 最後まで読むと、縦書き時の文字の縦横に関する問題をたちどころに分解できるようになるはずです。とりあえずフォントのせいだろうかと疑う日々には、これでおさらばしましょう*2。 はじめに N予備校における日本語縦書きHTML CSS の関連仕様 日本語の一般的な縦書きに設定する うまくいかないことが起こりやすい文字たち うまくいかない文字がうまくいかない理由を理解する 縦書きを考慮した文字の周りの方向の定義 CSS における縦書きでの文字の縦横 upright typesetting sideways type

[berlysia]

書きました。WebKitの縦書き動作に詳しい方に助けてほしい

[hmiyado]

縦書き対応は大変ですが、日本の国語教育で避けては通れないです。そもそも縦書きで表示するとは、な記事を書いていただきました。

[yarumato]

“ブラウザ表示の教材で、国語の現代文 古典 漢文は縦書き。カッコ、句点読点、小文字、矢印などは問題になりやすい。フォントでも変わる。Vertical_OrientationがR、Tu、Trの文字。ブラウザ側の実装によっても動作が変わる”

[fujibay1975]

そこはABじゃなくてBA

[t_f_m]

2022年7月の記事 / これ、縦書きHTMLで気を付けるべき点をテストケースとしてまとめる＆共有知化して、知の高速道路を整備するくらいしないとダメなんじゃないか

[rryu]

縦書きはただ文字を縦に並べれば良いわけでもなく文字を回転させれば良いわけでもないのがめんどくさい。

[kagioo2uma]

普段縦書きのサイトって作ることないけど勉強になるなー

[efcl]

縦書きHTMLの表示についての記事。 CSSの`writing-mode`と`text-orientation`での文字の向きの扱い、フォントとVertical_Orientationごとの表示の差異、ブラウザの実装の差異などについて

[deep_one]

JISの組版要件で見た。／嘘。有料なので見たことがない。W3C版で見た。https://www.w3.org/TR/2012/NOTE-jlreq-20120403/ja/ ／違うブラウザーに対応しないといけないのがある意味組版よりきついな。

[t_motooka]

縦書き大変よねぇ。

[kuracom]

縦書き厄介だな…

[mayumayu_nimolove]

まとまってる

[misarine3]

あー最高に面白そうな仕事してらっしゃる。いいなぁ、マークアップやってるならがっつり縦書きの仕事してみたいんだよなぁ…

[takehikom]

『↑↑↓↓←→←→AB 　↑このコマンドを何というか』えっ

[kuwayoshi]

日本語縦書き普及のためにIPAと協力してフォント改良したらいいと思う。一つ決定的なのができれば楽になるんじゃないかな。

[lost_and_found]

労作

[casm]

縦中横できるんか。

[fukken]

歴史的経緯〜〜〜

[suzuki0keiichi]

実戦で得た知見が書いてある。ボリュームがすごい。