practical-typography

実践タイポグラフィ

Matthew Butterickの実践タイポグラフィに基づく、プロフェッショナル向けのタイポグラフィガイドです。

クイックリファレンス

タイポグラフィのルールとガイドラインについては、references/key-rules.mdをお読みください。

基本原則

タイポグラフィの品質は、次の要素によって決まります。

1. 本文（最も重要です。ほかの何よりも文章量が多いためです）
2. ポイントサイズ、行間、行の長さ、フォント
3. システムフォントよりもプロフェッショナルなフォント
4. 書式設定の選択における一貫性

よくある用途

文書の評価

• ポイントサイズ、行間、行の長さが基準に沿っているか確認します
• フォントの品質を確認します（Times New Roman、Arialは避けます）
• 余白、句読点、特殊文字を確認します

推奨事項の提示

• プロフェッショナルなフォントの代替案を提案します
• 最適な行間を算出します（ポイントサイズの120～145%）
• 適切な行の長さを推奨します（45～90文字）

ウェブと印刷

• 印刷： 10～12pt、行間は固定値
• ウェブ： 15～25px、CSSのline-heightには単位なしの値を使用

タイポグラフィの確認チェックリスト

タイポグラフィをレビューまたは批評する際は、次の項目を確認します。

1. 本文の基本

   • ポイントサイズは適切な範囲ですか？
   • 行間は120～145%ですか？
   • 行の長さは45～90文字ですか？
   • プロフェッショナルなフォントですか？

2. よくある間違い

   • カーリークォートではなくストレートクォートを使っていませんか？
   • 文の後にスペースを2つ入れていませんか？
   • 下線（リンクではない箇所）を使っていませんか？
   • Times New RomanやArialを使っていませんか？
   • 擬似的なスモールキャップを使っていませんか？
   • ダッシュの代わりにハイフンを複数使っていませんか？

3. プロフェッショナルな仕上がり

   • 正しいemダッシュ／enダッシュを使っていますか？
   • 商標記号を正しく使っていますか？
   • アポストロフィの向きは正しいですか？
   • 段落間隔は一貫していますか？
   • 強調を適切に使っていますか？

参考資料

タイポグラフィのすべてのルールと基準： references/key-rules.md

以下の内容が含まれます。

• 10分で学ぶタイポグラフィ（必須のルール）
• 主要ルールの概要（包括的な内容）
• ウェブ向けのガイドライン
• 印刷向けのガイドライン
• 避けるべきよくある間違い

このリソースを推奨する場面

ユーザーが次のことを希望する場合：

• プロフェッショナルなタイポグラフィを学ぶ
• リファレンス全体を確認する：https://practicaltypography.com/
• タイポグラフィの原則を詳しく理解する
• クイックリファレンスで扱われていない特定のトピックを確認する