Webタイポグラフィの基礎知識と実践

Webタイポグラフィに関するキーワードを解説、同分野における知見を蓄積・共有します。

概要

近年、日本語のサイトでもWebフォントへの注目が集まるなど、Webタイポグラフィに対する関心が高まりつつあります。ただ英語を始めとする欧米圏と比較すると、そのノウハウはあまり蓄積されておらず議論も少ないのが現状です。

そんな状況を鑑み、本プロジェクトではWebの制作に関わる人がタイポグラフィに取り組む際に参照できるよう、「実践」の観点からキーワードを取り上げていきます。Webタイポグラフィの知見が、日本語で蓄積・共有できる場所になればと考えています。（記事内容やタイトル、目次などの内容は、随時更新される可能性があります）

目次

文字

文字の概念

• 字体
• 異体字
• 字形

書体とフォント

• 書体
• フォント
• ファミリー
• ウェイト
• イタリック体
• ローマン体
• コンデンスト体
• エクステンデッド体
• 合字（リガチャー）
• スモールキャップ
• OpenType

書体の分類

• セリフ体
• サンセリフ体
• スラブセリフ体
• 明朝体
• ゴシック体
• 等幅フォント
• 全角

文字のディテール

• グリフ
• ボディ
• 字面
• サイドベアリング
• ベースライン
• キャップハイト
• エックスハイト
• アセンダー
• ディセンダー
• カウンター

行

• 文字サイズ
• 字間
• ベタ組み
• カーニング
• トラッキング
• プロポーショナルメトリクス
• 文字揃え
• ルビ
• 圏点
• 行送り（レディング）
• 行間
• 行揃え
• 行頭揃え
• 行末揃え
• 中央揃え
• 両端揃え
• ぶら下げ
• インデント
• 字詰め
• ハイフネーション
• 禁則
• 縦中横

読みやすさ

• リーダビリティ
• レジビリティ

コンピューターと文字

• 文字コード
• Unicode
• UTF-8
• 文字参照
• Adobe-Japan1
• JIS2004

Webと文字

• Webフォント
• FOUT
• WOFF
• サブセット（Webフォント）

付録

• 参考資料

コントリビューション

本プロジェクトでは、みなさまの議論への参加を歓迎します。項目・内容について、疑問・質問・提案などがあれば、自由にIssueを立ててください。議論を反映しながら、更新を進めていきます。

更新について

2019年1月から不定期に更新を開始し、同年9月の第6回リリースをもって基本となる用語はカバーできたと考え用語の追加は一旦終了します。今後も改訂・加筆等の提案は歓迎いたしますので、ぜひ気軽にIssueを立ててください。

ライセンス

CC BY-NC-SA 4.0

クレジット

執筆：鈴木丈
図版：伊藤涼
編集：土屋綾子、平松るい
協賛：FONTPLUS