移行中の知識
ディセンダー
Descender
定義
ディセンダー（descender）とは、Latin小文字のg・j・p・q・yなどでbaselineより下へ伸びる部分です。書体によっては大文字JやQの一部もbaseline下へ伸びます。行間そのものではなく、字形がbaseline下へ占める形態的な領域です。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
web body text
行間の余裕を観察する
見るポイント
p・g・yが多い英語段落でdescenderと次行のascenderの距離を見て、line-heightの値だけではなく実際の字形同士の空きを確認する。
UI label typography
小さいラベルの文字形を見る
見るポイント
compactな英字labelでgやyのdescenderが下側のruleやiconへ近づいていないかを見て、baselineとglyph outlineを区別する。
注意
誤解しやすい点
- descenderをbaselineより下の余白全体と考える。
- line-heightを小さくすればdescender自体も短くなると考える。
- すべての文字がbaseline上だけに収まる前提でalignmentを判断する。
関連
関連する概念
出典