Typografie

Segoe ist die Standardschriftart für Office. Verwenden Sie es in Ihrem Add-In, um sie an Office-Aufgabenbereichen, Dialogfeldern und Inhaltsobjekten auszurichten. Fabric Core bietet Ihnen Zugriff auf Segoe. Es bietet eine vollständige Typrampe von Segoe mit vielen Variationen - über Schriftbreite und Schriftgröße - in praktischen CSS-Klassen. Nicht alle Fabric Core-Größen und -Gewichtungen sehen in einem Office-Add-In gut aus. Um harmonisch zu passen oder Konflikte zu vermeiden, sollten Sie eine Teilmenge der Fabric Core-Typrampe verwenden. In der folgenden Tabelle sind die Fabric Core-Basisklassen aufgeführt, die für die Verwendung in Office-Add-Ins empfohlen werden.

Hinweis

Die Textfarbe ist in diesen Basisklassen nicht enthalten. Verwenden Sie das "neutrale primäre Element" von Fabric Core für die meisten Texte auf weißem Hintergrund.

Weitere Informationen zur verfügbaren Typografie finden Sie unter Webtypografie.

Typ	Klasse	Schriftgrad	Schriftbreite	Empfohlene Verwendung
Hero	.ms-font-xxl	28 px	Segoe Light	Diese Klasse ist größer als alle anderen typografischen Elemente in Office. Verwenden Sie sie nur sparsam, um eine absetzende visuelle Hierarchie zu vermeiden. Vermeiden Sie die Verwendung dieser Klasse für lange Zeichenfolgen in begrenztem Raum. Lassen Sie ausreichend Leerraum um Text, der diese Klasse verwendet. Wird häufig für Erstausführungsnachrichten, Hero-Elemente oder andere Handlungsaufrufe verwendet.
Titel	.ms-font-xl	21 px	Segoe Light	Diese Klasse entspricht dem Aufgabenbereichstitel von Office-Anwendungen. Verwenden Sie sie nur sparsam, um eine flache typografische Hierarchie zu vermeiden. Wird üblicherweise für Elemente der obersten Ebene wie Titel von Dialogfeldern, Seiten oder Inhalten verwendet.
Untertitel	.ms-font-l	17 px	Segoe Semilight	Diese Klasse ist der erste Halt unter Titeln. Wird üblicherweise für Untertitel, Navigationselemente oder Gruppenköpfe verwendet.
Text	.ms-font-m	14 px	Segoe Regular	Wird üblicherweise für Textkörper innerhalb von Add-Ins verwendet.
Beschriftung	.ms-font-xs	11 px	Segoe Regular	Wird üblicherweise für sekundären oder tertiären Text wie z. B. Zeitstempel, Verfasserzeilen, Beschriftungen oder Feldbezeichnungen verwendet.
Anmerkung	.ms-font-mi	10 px	Segoe Semibold	Der kleinste Schritt in der Typpalette sollte nur selten verwendet werden. Sie ist für Situationen verfügbar, in denen keine Lesbarkeit erforderlich ist.