audit-typography

タイポグラフィの監査

Web タイポグラフィの品質に関する10カテゴリー、89個のルールです。具体的な問題と具体的な修正方法に重点を置いています。

監査ワークフロー

監査中はこのチェックリストをコピーして、進捗を記録してください。

Audit progress:
- [ ] Step 1: Scope changed surfaces and select relevant categories
- [ ] Step 2: Run CRITICAL checks (punctuation, font setup)
- [ ] Step 3: Run HIGH checks (sizing, spacing)
- [ ] Step 4: Run MEDIUM+ checks for remaining categories in scope
- [ ] Step 5: Report findings with file:line and concrete fixes

1. 全体の確認を依頼された場合を除き、変更されたファイルのみを監査します。
2. CSS の font-family、@font-face、font-feature-settings、サイズや間隔に関するプロパティをスキャンし、該当するカテゴリーを特定します。
3. カテゴリーのプレフィックスごとにルールファイルを段階的に読み込み、該当するものだけを確認します。
4. 中優先度の仕上げよりも先に、CRITICAL と HIGH の指摘事項を優先します。
5. 修正後、最終確認の前に該当するルールを再実行します。

優先度別のルールカテゴリー

優先度	カテゴリー	影響度	プレフィックス	ルール数
1	句読点と特殊文字	CRITICAL	punct-	12
2	フォントの選択とウェイト	CRITICAL	font-	10
3	サイズと文字幅	HIGH	size-	7
4	間隔とリズム	HIGH	spacing-	10
5	OpenType 機能	MEDIUM-HIGH	opentype-	8
6	階層とスケール	MEDIUM-HIGH	hierarchy-	8
7	配置とレイアウト	MEDIUM	layout-	8
8	書体の組み合わせ	MEDIUM	pairing-	10
9	ブランドとアイデンティティ	LOW-MEDIUM	brand-	8
10	ディスプレイと見出し	LOW-MEDIUM	display-	8

クイックリファレンス

現在の監査範囲に必要なものだけを読みます。

• カテゴリーマップと影響度の根拠：rules/_sections.md
• ルールごとのガイダンスと例：rules/<prefix>-*.md

ルールファイルの例：

rules/punct-smart-quotes.md
rules/font-true-styles.md
rules/size-line-height.md

各ルールファイルには次の内容が含まれます。

• ルールが重要な理由
• 不適切な例
• 適切な例

レビュー結果の形式

次の形式で指摘事項を報告します。

## Typography Audit Findings

### path/to/file.css
- [CRITICAL] `punct-smart-quotes`: Straight quotes used in heading text.
  - Fix: Replace `"` with `“`/`”` entities.

### path/to/clean-file.css
- ✓ pass

• 指摘事項はファイルごとにまとめます。
• 行番号がわかる場合は file:line を使用します。
• 問題点を示し、具体的な修正方法を提案します。
• 問題のないファイルも ✓ pass として記載します。