CSSで句読点括弧のカーニングができるようになるぞ！ 日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能のまとめ

CSSのこの機能を待っていた人も多いと思います！ CSSで、句読点括弧のカーニングが自動でできたり、フレーズの途中で改行されないようにしたり、日本語と英語が混在したテキストでスペーシングが自動調整されたり、10px以下でも指定サイズ通りに表示されたりなど、日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能を紹介します。 Introducing four new international features in CSS by Jack J 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに word-break: auto-phrase;によるフレーズで自動改行 text-autospaceによる文字間のスペーシング text-spacing-trimによる句読

[coliss]

日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能のまとめ

[delphinus35]

うおー！和欧文語間スペースが導入されるの！？これでやっと、英字と和字の間に半角スペース入れなくて良くなるのか。

[lifeisadog]

「Chrome 118以降は、10pxより小さいサイズを指定通りに表示します」はSEO的にどう解釈されるか要注目かな

[KoshianX]

すご、CSSの auto-phrese が機械学習で日本語のフレーズの切れ目を認識するようになったの!? Chrome 以外も対応できるんだろうか。日本語の句読点のカーニングも期待したいなあこれ

[yto]

いいね

[shintaro_kawase]

とても良い

[aceraceae]

折返しの自動化はいいかもしんない。

[mayumayu_nimolove]

cssのプロパティ増やすことって幸せなことなのかな。まあ今後は全部人がやる必要なくなるが。

[ono_matope]

もう日本語とアルファベットの境界に半角スペースを置かなくても良いのか。

[leiqunni]

CSSが文字文化継承の担い手になっていくのか。

[emj1025]

notoとかのWebフォントだとカーニング効かないんだっけな？いつも忘れてしまう。これはどうなんだろ

[nobiox]

閉じ括弧直前のマルは省略すべきであり、そうしないのは書き手がダメ。デザイン以前の問題。と思っているが、最近『走れメロス』の会話文が全編にわたって【マル閉じ括弧】式なのに気づいた。

[poad1010]

この記事をおすすめしました

[yoshi-na]

たすかる

[yarumato]

“文節で改行（v119以降）：境界の検出は機械学習によって実行、意図した結果にならない場合はブレイクポイントを手動で設定。　英数字と日本語文字のスペーシング（v120以降）：デフォルトで導入する予定”

[poliphilus]

実を言うと「ＭＳ Ｐゴシック」はプロポーショナルに詰めてくれるので昔は多用してた。他の和文フォントはブラウザ上ではみんな等幅なのが不服だが、デザイン面で仕方なく使ってる。

[tomono-blog]

英字・役物とのスキマ問題なのですが、私は詰めるほうが圧倒的に好きです。

[shior718]

半角句読点別フォント読むみたいな地獄はもうしんどい...うまく使えるやつかな？

[spark7]

「デフォルトで、文字間のスペーシングを導入する予定」これはよいかもね。英文字と日本語の間にスペース入れるか迷うことは多かった。

[mmddkk]

フレーズで自動改行、文字間のスペーシング、句読点のカーニング、一貫した小さいサイズのフォント、という各機能の紹介。

[ustam]

これでマルチバイトの文章に半角括弧を使うアホエンジニアがいなくなるのかな？（半角括弧は英数字に合わせてデザインされているので、多くのフォントで下にズレる）

[nakag0711]

今形式段落表現できるようになった？

[mr_mayama]

日本語って「文字組みアキ量」とかいうわけわからんルール(わからなくはないんだけど)があるのでだるいのよな。形態素解析して自動で流せると、少なくとも紙の無加工文字組版より読みやすい時代がくるのは間違いない

[w_bonbon]

素晴らしい…。webkitのプレスも見たけれどChromeとあまりに差が付きすぎてて段々iOSのサポートが辛くなってきたなぁ。