タイポグラフィ

スケールは密度の決定であり、フォントはフォントの選択です。このページは、形がどのように読まれるかを示しており、今日の価値を示しているわけではありません。デバッグパネルでフォント軸を切り替えると、以下のすべてが別のフォントで設定され、ルールが変更されることはありません。

ファミリー

3つ。ページが区別するものは、何が書かれているか、何がタイトルになっているか、そして口頭で述べられるのではなく、タイプされたものとして読まれるべきものです。1つのセットが3つすべてに同じフォントを与えることがあります — システムのものはそうです。

--font-family-base

速い茶色の狐が怠け者の犬の上を飛び越える — 0123456789

--font-family-heading

速い茶色の狐が怠け者の犬の上を飛び越える — 0123456789

--font-family-mono

速い茶色の狐が怠け者の犬の上を飛び越える — 0123456789

どれだけ主張するかによって名付けられ、数字ではありません。500が存在しないフォントは、実際に持っているものにマッピングされ、中程度を求める形は引き続き中程度を求めます。

--font-weight-normal — 速い茶色の狐が怠け者の犬の上を飛び越える — 0123456789

--font-weight-medium — 速い茶色の狐が怠け者の犬の上を飛び越える — 0123456789

--font-weight-strong — 速い茶色の狐が怠け者の犬の上を飛び越える — 0123456789

--font-weight-bold — 速い茶色の狐が怠け者の犬の上を飛び越える — 0123456789

ページごとに1回使用します。主要なコンテキストを設定します。短いリード段落とペアになります。

セクションレベルの見出し。関連するコンテンツをグループ化します。通常は本文やサブセクションに続きます。

サブセクションの見出し。セクション内の焦点を絞ったトピックを紹介します。

カードタイトル、サイドバーセクション、または小さなグループ化に使用されます。

ラベル、メタデータヘッダー、小さなグループ化。微妙ですが、本文とは異なります。

最小の見出しレベル。控えめに使用 — 脚注、法的ブロック、または補助ラベルに。