タイポグラフィを適用する

ディスプレイは、一目でわかるヒーロー情報、重要な指標、信頼度、表現力豊かなブランドの瞬間を表示するために使用される、短く大きなテキスト文字列に使用されます。

• DisplayLarge は最大の見出しです。ディスプレイは画面で最大サイズのテキストであり、短く、ひと目でわかる重要な情報、重要な指標、信頼度、目立つスケールとスタイルが効果的な表現力のあるブランドの瞬間用に予約されています。
• DisplayMedium は 2 番目に大きい見出しです。ディスプレイは画面で最大サイズのテキストであり、短く、ひと目でわかる重要な情報、重要な指標、信頼度、目立つスケールとスタイルが効果的な表現力のあるブランドの瞬間用に予約されています。
• DisplaySmall は最小の見出しです。ディスプレイは画面で最大サイズのテキストであり、短く、ひと目でわかる重要な情報、重要な指標、信頼度、目立つスケールとスタイルが効果的な表現力のあるブランドの瞬間用に予約されています。

タイトルは、ページ、セクション タイトル、サブセクション タイトル（TitleSmall の場合）など、ナビゲーションのメカニズムとして使用される階層テキストです。

• TitleLarge は最大のタイトルです。タイトルはディスプレイよりも小さくなります。通常は、長さの比較的短い、中程度の強調度のテキスト用に予約されています。インタラクティブなコンポーネントにはおすすめしません。ページの見出しや小見出しに適しています。
• TitleMedium は中サイズのタイトルです。タイトルはディスプレイよりも小さくなります。通常は、長さの比較的短い、中程度の強調度のテキスト用に予約されています。インタラクティブなコンポーネントにはおすすめしません。ページの見出しや小見出しに適しています。
• TitleSmall は最小のタイトルです。タイトルはディスプレイよりも小さくなります。通常は、長さの比較的短い、中程度の強調度のテキスト用に予約されています。インタラクティブなコンポーネントにはおすすめしません。ページの見出しや小見出しに適しています。

ラベルは、操作された場合に発生するアクションを説明するコンポーネント レベルのテキストに使用されます。ラベルの最も一般的で広く使用されているアプリケーションは、ボタン内にネストされたテキストです。

• LabelLarge は最大のラベルです。ラベルは、タイトルボタンのラベルなどの目立つテキストを表示するために使用され、インタラクティブ コンポーネントに適用されます。
• LabelMedium は中程度のラベルで、最もよく使用されます。ラベルは、ボタンのメインラベルなどのテキストを表示するために使用され、インタラクティブ コンポーネントに適用されます。
• LabelSmall は小さいラベルです。ラベルは、ボタンのセカンダリ ラベル、コンパクト ボタンのラベルなどのテキストを表示するために使用され、インタラクティブ コンポーネントに適用されます。

本文は、本文の段落、複雑なデータ可視化で使用されるテキスト、タイムスタンプ、メタデータなどのコンテンツ テキスト用に予約されています。

• BodyLarge は最大の本文です。本文のテキストは、小さいテキストサイズに適しているため、長文スタイルの文章表記に使用されます。テキストのセクションが長い場合は、Serif または Sans Serif の書体をおすすめします。
• BodyMedium は 2 番目に大きい本文です。本文のテキストは、小さいテキストサイズに適しているため、長文スタイルの文章表記に使用されます。テキストのセクションが長い場合は、Serif または Sans Serif の書体をおすすめします。
• BodySmall は 3 番目に大きい本文です。本文のテキストは、小さいテキストサイズに適しているため、長文スタイルの文章表記に使用されます。テキストのセクションが長い場合は、Serif または Sans Serif の書体をおすすめします。
• BodyExtraSmall は最小の本文です。本文のテキストは、小さいテキストサイズに適しているため、長文スタイルの文章表記に使用されます。テキストのセクションが長い場合は、Serif または Sans Serif の書体をおすすめします。

数字のテキスト スタイルは、数字に使用されます。通常、数文字に制限されます。ディスプレイ サイズが大きいほど、より表現力豊かなプロパティを使用できます。ローカライズやフォントのスケーリングに関する懸念を最小限に抑えながら、幅軸を柔軟に拡張できます。

• NumeralsExtraLarge は、数字の最大のロールです。数字はデフォルトで表形式のスペーシングを使用します。充電画面や時刻選択ツールなど、ローカライズを必要としない 2 ～ 3 文字の数字をハイライト表示し、表現します。
• NumeralsLarge は、数字の 2 番目に大きいロールです。数字はデフォルトで表形式のスペーシングを使用します。これらは、タイマーのカウントダウンやタイム ピッカーなど、ローカライズが不要な時刻の大きな表示に限定される大きなサイズの数値文字列です。
• NumeralsMedium は、数字の 3 番目に大きいロールです。数字はデフォルトで表形式のスペーシングを使用します。歩数計やタイム ピッカーなど、ローカライズが不要な短い数字の文字列に限定された中規模の数値です。
• NumeralsSmall は、数字の 4 番目に大きいロールです。数字はデフォルトで表形式のスペーシングを使用します。日付や時刻の選択ツールなど、ローカライズを必要としない小規模な数値に重点を置く場合に使用します。
• NumeralsExtraSmall は、数字の最小のロールです。数字はデフォルトで表形式のスペーシングを使用します。これらは、ワークアウト中の指標など、ローカライズが不要で、長い桁数の文字列に対応する必要がある数値に使用されます。

Arc ヘッダー テキストは、UI の案内表示を構成する曲線テキスト（時間テキストや曲線ラベルなど）に使用されます。曲線に沿って文字を最適化し、曲面スクリーンの上部と下部で文字間隔が異なる場合に対応するために調整されたフォント軸。

トップ

• ArcLarge は、弧のヘッダーとタイトルに使用します。Arc は、画面上の曲線に沿ったテキスト用です。確認オーバーレイなど、画面の最上部または最下部の短いヘッダー テキスト文字列用に予約されています。
• ArcMedium は、弧のヘッダーとタイトルに使用されます。Arc は、画面上の曲線に沿ったテキストに使用します。ページタイトルなど、画面の最上部または最下部の短いヘッダー テキスト文字列用に予約されています。
• ArcSmall は、テキストの短い弧の文字列用です。Arc は、画面上の曲線に沿ったテキスト用です。時刻のテキストなど、画面上部の短い曲線テキスト文字列用に予約されています。

下

• ArcLarge は、弧のヘッダーとタイトルに使用します。Arc は、画面上の曲線に沿ったテキスト用です。確認オーバーレイなど、画面の最上部または最下部の短いヘッダー テキスト文字列用に予約されています。
• ArcMedium は、弧のヘッダーとタイトルに使用されます。Arc は、画面上の曲線に沿ったテキストに使用します。ページタイトルなど、画面の最上部または最下部の短いヘッダー テキスト文字列用に予約されています。
• ArcSmall は、テキストの短い弧の文字列用です。Arc は、画面上の曲線に沿ったテキスト用です。画面下部の短い曲線テキスト文字列（行動を促すフレーズなど）用に予約されています。