Typography Glossary

ほとんどの文字が配置される目に見えない基準線で、ディセンダーはこの線より下に伸びる。

ベースラインから「x」などの小文字の上部までの高さで、フォントサイズの知覚と可読性を左右する重要な要素。

「b」「d」「h」「k」「l」のように、小文字のエックスハイトより上に伸びる部分。

「g」「j」「p」「q」「y」のように、文字のベースラインより下に伸びる部分。

「H」や「I」などフラットな大文字の上部からベースラインまでの高さ。

文字のストロークの最も太い部分と最も細い部分の差で、Didotのような高コントラストフォントは劇的な変化を持つ。

「fi」や「fl」のように2つ以上の文字を1つのグリフに結合したもので、セリフフォントやFira Codeなどのコーディングフォントによく見られる。

文字の単一の視覚的表現で、1つの文字に通常体やイタリック体の「a」のように複数のグリフが存在することがある。

「o」「e」「p」のような文字の内部にある閉じた、または部分的に閉じたスペースで、「c」のような開いたカウンターはアパーチャーと呼ばれる。

「b」「d」「p」「q」のような文字の内部に閉じたカウンターを形成する曲線ストロークで、その形状は書体によって大きく異なる。

「l」「b」「d」の縦線のような文字の主要な垂直ストロークで、ほとんどの書体デザインで最も太いストロークとなる。

垂直・水平・斜め・曲線など、文字を構成するあらゆる線で、ストロークのコントラストが書体の個性の多くを決定する。

セリフを持たないストロークの末端部分で、ボール型・ビーク型・ティアドロップ型・フラット型などがあり、書体分類の重要な識別子となる。

「A」「H」「e」「f」などの文字に見られる水平ストロークで、エックスハイトに対するその位置が可読性に影響する。

イタリックやディスプレイフォントに多い文字の装飾的な延長ストロークで、見出しにエレガンスと個性を加える。

「c」「e」「s」のような文字の部分的に閉じたカウンターの開口部で、アパーチャーが広いほど小さいサイズでの可読性が向上する傾向がある。

文字の主要ストロークの末端に付加される小さな装飾的なストロークで、Times New Romanのようなセリフフォントにはあり、サンセリフフォントにはない。

フランス語で「なし」を意味する「sans」の通りセリフを持たない書体で、デジタルデザインで広く使われるクリーンでモダンな外観を持つ。

すべての文字が同じ横幅を占める書体で、コードエディタや表形式データに不可欠。

文字セット全体のデザイン、つまり芸術的な創作物を指し、特定のサイズ・ウェイト・スタイルの実例である「フォント」と混同されることが多い。

特定のウェイト・サイズ・スタイルにおける書体の具体的な実例で、例えば「Inter Bold 16px」がフォントであり、「Inter」が書体（タイプフェイス）にあたる。

見出し・ポスター・ロゴなど大きなサイズでの使用を想定して設計された書体で、小サイズでの本文可読性には最適化されていない。

繋がった流れるような手書きをベースにした書体で、フォーマルな書道スタイルからカジュアルなブラシスクリプトまで幅広い。

太く四角いブロック状のセリフを持つセリフ書体で、見出し・UI要素・ブランディングに力強い視覚的存在感をもたらす。

「w」が「i」より広いように、文字の形状に基づいて各文字が異なる幅を持つ書体で、ほとんどのフォントのデフォルト形式。

1950年代に生まれた均一なストロークとニュートラルな外観を持つ洗練されたサンセリフスタイルで、現代のUIデザインにおける主流スタイル。

円・四角・三角形などの幾何学的形状を基に構築されたサンセリフ書体で、クリーンでモダンだが小サイズでは無機質に感じられることがある。

ルネサンス期の手書きに着想を得たオーガニックなストロークの変化を持つサンセリフ書体で、ジオメトリックスタイルより温かみがあり可読性も高い。

視覚的に均一な間隔を実現するために、特定の文字ペア間のスペースを個別に調整すること。

特定のペアを対象とするカーニングとは異なり、文字範囲全体にわたって均一にスペースを調整すること。

ベースラインからベースラインまでで測る行間の垂直距離で、活版印刷で使われた鉛のスペーサーに由来する名称。

現在のフォントサイズと等しいタイポグラフィ単位で、CSSでは1emが親要素のフォントサイズとなり、相対的なサイズ指定の基本となる。

単語間の距離を制御するCSSプロパティで、デフォルト値はフォントのスペース文字の幅によって定義される。

テキストや要素に余白を与えるデザイン上の意図的な空白で、可読性と視覚的階層の構築に不可欠。

テキスト1行の長さを指し、最適な可読性のために通常45〜75文字が推奨される長さで、長すぎても短すぎても読みやすさが低下する。

ウェイト・幅・スタイルが異なっても同じ基本デザインを共有する関連フォントのグループで、CSSのfont-familyプロパティで優先フォントを指定する。

文字ストロークの太さを指し、通常100（Thin）から900（Black）の範囲で、Regularは400、Boldは700にあたる。

ウェブサイトでの使用に特化して設計またはライセンスされたフォントで、CSSの@font-faceやGoogle Fontsなどのサービスを通じて読み込まれる。

1つのフォントファイルにウェイト・幅・その他のバリエーション全体の範囲を収めたフォントで、HTTPリクエスト数とファイルサイズを削減できる。

MicrosoftとAdobeが共同開発したフォントフォーマットで、合字・代替字形・バリアブル軸などの高度なタイポグラフィ機能をサポートする。

低解像度スクリーンで小さなサイズでの描画を改善するためにアウトラインをピクセルグリッドに合わせる、フォントに埋め込まれた命令。

エッジのピクセルをブレンドすることでレンダリングされたテキストのギザギザした輪郭を滑らかにする処理で、CSSでは-webkit-font-smoothing: antialiasedで設定する。

最も一般的なオープンソースフォントライセンスで、自由な使用・改変・再配布を許可しており、すべてのGoogle FontsはOFLまたはApache 2.0を使用している。

Brotli圧縮を採用したWeb Open Font Format 2.0で、ウェブ向けで最も効率的なフォントフォーマットであり、WOFFより約30%小さく、すべてのモダンブラウザでサポートされている。

フォントファイルから未使用の文字を削除してダウンロードサイズを削減する処理で、例えばUnicode全範囲の代わりにラテン文字のみを読み込む場合などに使用する。

@font-faceのCSSディスクリプタで、フォントファイルからダウンロードするUnicode文字の範囲を指定し、ブラウザによる自動サブセット化を可能にする。

合字・スモールキャップ・表組み用数字・スタイルの代替字形などOpenType機能を制御するCSSプロパティで、シンプルなケースにはfont-variantの使用が推奨される。

フォント読み込みをプログラムで制御するJavaScript API（document.fonts）で、フォントの読み込み状態の確認、特定フォントの事前読み込み、読み込みイベントへの応答が可能。

ウェイト・幅・傾き・カスタム軸などバリアブルフォントの軸を直接制御するCSSプロパティで、font-weight/font-stretchよりも低レベルな制御が可能。

デザイン内で調和して使用する2つ以上の補完的なフォントを選ぶ実践で、通常は見出し用フォントと本文用フォントを組み合わせる。

比率（例：1.25、1.333、1.5）に基づいたフォントサイズの調和的な進行で、視覚的階層と一貫性を生み出す。

サイズ・ウェイト・色・スペーシングを使ってテキストを視覚的に整理し、読者を重要度の順にコンテンツへ誘導する構造。

意図した表示サイズに基づいてレターフォームの細部を調整することで、小さなテキストにはより広い間隔と太いストロークが、大きなテキストにはより洗練された形状が適している。

メディアクエリ・ビューポート単位・CSSのclamp()関数を使って異なる画面サイズに適応するタイポグラフィ手法。

ベースライングリッドにテキストのベースラインと要素の間隔を揃えることで、ページ上に視覚的な調和を生み出す一定のスペーシングパターン。

タイプサイズを設定するために使われる比率（例：1.25短三度、1.333完全四度、1.618黄金比）に基づいた調和的な数列。

フォントのウェイト・サイズ・行の高さ・字間によって影響を受ける、ページ上のテキストブロック全体の視覚的な濃度やテクスチャ。

CSSのclamp()を使い、ブレークポイントのジャンプなしに最小サイズと最大サイズの間を滑らかにスケールするタイポグラフィ手法。

テキストの行間の距離を制御するCSSプロパティで、本文テキストの可読性のために通常1.5または150%に設定される。

すべての文字間のスペースを調整するCSSプロパティで、正の値で文字間を広げ、負の値で文字間を詰める。

ウェブデザイナーがウェブページにカスタムフォントを指定できるCSSのアットルールで、ウェブタイポグラフィの基盤となる。

CSSのfont-familyで優先フォントが利用できない場合に備えたフォールバックを含むフォントの優先順位リストで、例えば「Inter, system-ui, sans-serif」のように指定する。

OSにプリインストールされたフォントで、システムフォント（system-uiスタック）を使用するとダウンロード時間は不要になるがブランドの一貫性が犠牲になる。

Flash of Unstyled Text（スタイルなしテキストの瞬間表示）—ウェブフォントの読み込み前にフォールバックフォントが一時的に表示される現象で、font-display: swapによって緩和される。

Flash of Invisible Text（非表示テキストの瞬間表示）—ウェブフォントが読み込まれるまでテキストが非表示になる現象で、ユーザー体験においてFOUTより問題が大きく、font-display: swapで防止できる。

ウェブフォントの読み込み中の表示方法を制御するCSSディスクリプタで、auto・block・swap・fallback・optionalの値が使用できる。

ルート要素のフォントサイズ（通常16px）を基準とするCSSの単位で、emよりも一貫したサイズ指定が可能。

1,900以上のファミリーを擁するGoogleの無料オープンソースフォントライブラリで、グローバルCDNで配信されるフリーライセンスウェブフォントの最大コレクション。

link rel="preload" as="font"を使用してフォントのダウンロードを優先させる手法で、FOUT/FOITを低減しLargest Contentful Paint（LCP）を改善する。

ウェブフォントがフォールバックを置き換える際にメトリクスの違いによりテキストが再配置されることで発生するCumulative Layout Shiftで、Core Web Vitalsに影響する問題。

テキストのレンダリング品質を制御するCSSプロパティで、auto・optimizeSpeed・optimizeLegibility・geometricPrecisionの値があり、カーニングや合字に影響する。

個々の文字が互いに識別できる容易さを指し、書体デザイン自体に内在する品質。

長い文章を継続して読む際の快適さを指し、フォントの選択・サイズ・行の高さ・行長・カラーコントラストによって影響を受ける。

十分なコントラスト・スケーラブルなテキスト・明確な階層・適切なフォント選択など、誰もがコンテンツを利用できるようにするタイポグラフィの実践。

テキストに適用されるウェブコンテンツアクセシビリティガイドラインで、最低コントラスト比（AA: 4.5:1、AAA: 7:1）・テキストのリサイズ可能性・画像化テキストの禁止を定める。

明確なレターフォーム・ゆとりある字間・文字を下に固定する重心のある底部など、ディスレクシアの読者の可読性向上を目的に設計されたフォント。

前景テキストと背景色の輝度比で、WCAGは通常テキストにAA基準4.5:1、強化基準（AAA）に7:1を要求している。

ヨハネス・グーテンベルクは1440年頃に活版印刷を発明し、書籍の大量生産を可能にして文字知識へのアクセスを民主化した。

1957年にMax Miedingerがデザインした象徴的なネオグロテスク書体で、現代のグラフィックデザインを定義し、世界で最も認知されたフォントであり続けている。

1927年にPaul Rennerがデザインしたバウハウスの近代主義を体現する幾何学的サンセリフ書体で、Poppins・Montserrat・Ralewayなど後世の書体に多大な影響を与えている。

Claude Garamond（約1530年）による影響力あるオールドスタイルセリフ書体で、現在も現役で使用され続けている最古の書体デザインの一つで、その歴史は約500年に及ぶ。

バウハウス（1919〜1933年）は幾何学的形態・サンセリフの優先・形態は機能に従うという原則によってタイポグラフィに革命をもたらした。

1950年代以降の国際タイポグラフィ様式はグリッド・非対称レイアウト・サンセリフ書体を重視し、ヘルベチカはその象徴的な存在となった。