文字体裁

Segoe は、Office の標準的な書体です。 Office の作業ウィンドウ、ダイアログ ボックス、コンテンツ オブジェクトと調和するように、アドインで使用します。 Fabric Core を使用すると、Segoe にアクセスできます。 フォントの太さからサイズまで数多くのバリエーションで Segoe の完全な文字体裁を、便利な CSS クラスで提供します。 Office アドインでは、すべての Fabric Core のサイズと重みが最適に表示されるわけではありません。 調和を取り入れるか、競合を回避するには、Fabric Core タイプ ランプのサブセットを使用することを検討してください。 次の表に、Office アドインで使用することをお勧めする Fabric Core の基本クラスを示します。

注:

これらの基本クラスにはテキストの色は含まれません。 白い背景のほとんどのテキストには、Fabric Core の "ニュートラル プライマリ" を使用します。

使用可能な文字体裁の詳細については、「 Web 文字体裁」を参照してください。

型	クラス	サイズ	太さ	お勧めの用法
ヒーロー	.ms-font-xxl	28 px	Segoe Light	これは、Office の他のすべての文字体裁の要素よりも大きいクラスです。 視覚的な階層から外れないように、慎重に使用します。 制約のある領域内で長い文字列に対して使用しないでください。 このクラスを使用して、テキストの周りに十分な余白を確保してください。 一般的に、最初に実行されるメッセージ、ヒーロー要素、またはその他のアクションの呼び出しに使用されます。
Title	.ms-font-xl	21 px	Segoe Light	このクラスは、Office アプリケーションの作業ウィンドウ タイトルと一致します。 文字体裁の階層が平板にならないように、慎重に使用します。 通常、ダイアログ ボックス、ページ、コンテンツ タイトルなどの最上位の要素として使用します。
サブタイトル	.ms-font-l	17 px	Segoe Semilight	このクラスは、タイトルの 1 つ下です。 通常、サブタイトル、ナビゲーション要素、グループ ヘッダーとして使用します。
Body	.ms-font-m	14 px	Segoe Regular	通常、アドイン内の本文として使用します。
Caption	.ms-font-xs	11 px	Segoe Regular	通常、タイムスタンプなどの 2 番目や 3 番目のテキストとして、行、キャプション、フィールド ラベルごとに使用します。
Annotation	.ms-font-mi	10 px	Segoe Semibold	文字体裁の最小の階層は、稀にしか使用しないでください。 読みやすさが必要ない状況で使用できます。