タイポグラフィ
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
タイポグラフィは、画面上のテキストや UI 上のテキストを読みやすく美しくするのに役立ちます。書体スタイルには、ディスプレイ、タイトル、ラベル、本文、円弧、数字などがあります。トークンを使用して、フォント、行の高さ、サイズ、トラッキング、幅、太さを定義します。
可変フォント軸の動き
可変フォント軸を使用して、表現力豊かなモーション フィードバックを送信し、操作をより表現力豊かに、使いやすくします。
ユースケース例:
- 動的フォントの太さ
- 動的フォント幅
- フォントの太さと幅を動的に変更する
トークン
トークンでは、設定値ではなく構成可能な値で要素のタイプスタイルを割り当てるため、スタイルとテーマの管理が大幅に容易になります。
ロールの種類
更新され最適化されたタイプスケールに加えて、Wear で注目すべきパターンを特に対象とする新しいタイプのロールも導入されます。
- 固定の高さのページタイトルや、スペースが限られている記述子(確認オーバーレイなど)など、Arc Text のユースケースを拡大。
- 数字専用の型ロール。ローカライズが不要な文字列や、アニメーション化時にモノスペースまたは表形式のスペースを利用する必要がある文字列(選択ツールなど)に対して、より大きなサイズのテキストやより多くのスタイルのテキストを使用できます。
リソース: Google Fonts ライブラリ
さまざまなフォントを検索できます。目的のフォントを検索して選択すると、右側のパネルに、カスタマイズしたフォントのサイズ変更、色の変更、クリップボードへのコピーのオプションが表示されます。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2025-07-26 UTC。
[null,null,["最終更新日 2025-07-26 UTC。"],[],[],null,["# Typography helps make text on the screen or text on the UI legible and\nbeautiful. Type styles include: display, title, label, body, arc, and numerals.\nUse tokens to define font, line height, size, tracking, width and weight. \n\n\u003cbr /\u003e\n\nVariable font axis in motion\n----------------------------\n\n\nUse a variable font axis to signal expressive motion feedback and making\ninteractions more expressive and delightful to use.\n\nExample use-cases:\n\n- Dynamic font weight\n- Dynamic font width\n- Dynamic font weight and width \n\n\u003cbr /\u003e\n\nTokens\n------\n\n\nTokens assign an element's type style by a configurable value, rather than a set\nvalue, making managing styles and themes considerably easier. \n\n\u003cbr /\u003e\n\nType roles\n----------\n\n\nAlong with an updated and optimized type scale, we are also introducing new type\nroles that specifically serve notable patterns on Wear.\n\n- Leaning into more use-cases with Arc Text like fixed height page titles or descriptors with limited space, such as confirmation overlays.\n- A type role specifically for Numerals so we can lean into bigger and more styled text sizes for strings that don't need to be localized or benefit from mono or tabular spacing when animated, such as pickers. \n\n\u003cbr /\u003e\n\nResource: Google Fonts library\n------------------------------\n\n\nSearch through a [wide variety of fonts](http://fonts.google.com/icons). Once you search for and select the\nfont you want, options will appear in the right-hand panel to resize, recolor,\nand copy the customized font to clipboard. \n\n\u003cbr /\u003e"]]