HTML Table 内の数字を読みやすく整列させる CSS 1行

table { font-variant-numeric: tabular-nums; }

統計表示画面や管理ツールを作るときに、数字を複数行に表示するなら、可読性に大きな違いを生む 1 行。

[sduck4]

単に等幅フォントを使うほうが、むしろもっと簡単な気もする..

[xguru]

やはりフォントを固定してしまうと、デザイン的な要素を損なうしかないですからね。

下のリンクが、tabular なフォントの雰囲気をより詳しく見せているようです。

https://www.typography.com/blog/fonts-for-complex-data