Windows Dev Center

Richtlinien für Schriftarten

Die richtige Verwendung von Schriftgraden, -breiten, -farben, Laufweite und Abstand kann Ihrer Universal Windows Platform (UWP)-App ein klares und übersichtliches Erscheinungsbild verleihen und dadurch ihre Verwendung erleichtern. Befolgen Sie beim Auswählen von Schriftarten und Angeben von Schriftgraden und -farben die folgenden Richtlinien.

Eine Symbolliste für Segoe UI Symbol finden Sie unter Guidelines for Segoe UI Symbol icons.

Der Typenverlauf von Windows 10

Die Typhierarchie stellt eine wichtige gestalterische Beziehung zwischen Überschrift und Textkörper her und schafft dadurch eine klare und verständliche Hierarchie zwischen den verschiedenen Ebenen. Benutzer verstehen sofort, wo sie Informationen finden und wie Sie die Seite analysieren können.

Hier ist die Typhierarchie, die wir für UWP-Apps empfehlen:

TextstilSchriftartBreiteGröße (Epx)Zeilenabstand (Epx)WortabstandLaufweite (1/1000 Geviert)XAML-Stilschlüssel
HeaderSegoe UILight4656100%0HeaderTextBlockStyle
UnterüberschriftSegoe UILight3440100%0SubheaderTextBlockStyle
ÜberschriftSegoe UISemilight2428100%0TitleTextBlockStyle
UntertitelSegoe UIRegular2024100%0SubtitleTextBlockStyle
BasisSegoe UISemiBold1520100%0BaseTextBlockStyle
TextkörperSegoe UIRegular1520100%0BodyTextBlockStyle
AufnahmeSegoe UIRegular1214100%0CaptionTextBlockStyle

 

Empfohlene Schriftarten

Sie müssen die Segoe UI-Schriftart nicht für alles verwenden. Sie können andere Schriftarten für bestimmte Szenarien verwenden, z. B. zum Lesen oder wenn Sie Text in anderen Sprachen anzeigen.

Hier ist die Liste der Schriftarten, die garantiert in allen Editionen von Windows 10 verfügbar sind, die UWP-Apps unterstützen.

Hinweis  Wenn Sie eine Schriftart verwenden, die nicht in dieser Liste enthalten ist, kann Ihre App einen automatischen Download der Schriftartdaten von einem Microsoft-Dienst auslösen. Dies kann die Leistung und andere Faktoren beeinträchtigen, die insbesondere für mobile Geräte möglicherweise ein Problem darstellen. Beachten Sie zudem, dass dabei möglicherweise der mobile Datentarif eines Benutzers in Anspruch genommen wird oder Kosten für die Nutzung mobiler Daten anfallen. UWP-Apps, die auf mobilen Geräten verfügbar sind, sollten nie andere Schriftarten für UI-Content als in dieser Liste verwenden.
SchriftfamilieStileKommentar
ArialNormal, kursiv, fett, fett kursiv, schwarz
CalibriNormal, kursiv, fett, fett kursiv, dünn, dünn kursiv
CambriaRegular
Cambria MathRegular
Comic Sans MSNormal, kursiv, fett, fett kursiv
Courier NewNormal, kursiv, fett, fett kursiv
EbrimaNormal, fettBenutzeroberflächen-Schriftart für afrikanische Skripte (Äthiopisch, N'Ko, Osmanisch, Tifinagh, Vai)
GadugiRegularBenutzeroberflächen-Schriftart für nordamerikanische Skripte (Kanadische Silbe, Cherokee)
GeorgiaNormal, kursiv, fett, fett kursiv
Javanesischer Text Normal Fallbackschriftart für javanesisches SkriptRegularFallbackschriftart für javanesisches Skript
Leelawadee UINormal, Semilight, fettBenutzeroberflächen-Schriftart für südostasiatische Skripte (Buginesisch, Laotisch, Khmer, Thailändisch)
Lucida ConsoleRegular
Malgun GothicRegularBenutzeroberflächen-Schriftart für Koreanisch
Microsoft HimalayaRegularFallbackschriftart für tibetisches Skript
Microsoft JhengHeiRegular
Microsoft JhengHei UIRegularBenutzeroberflächen-Schriftart für Chinesisch (traditionell)
Microsoft Neu-Tai-LueRegularFallback-Schriftart für Neu-Tai-Lue-Skript
Microsoft PhagsPaRegularFallbackschriftart für Phags-pa-Skript
Microsoft Tai LeRegularFallbackschriftart Tai Le-Skripts
Microsoft YaHeiRegular
Microsoft YaHei UIRegularBenutzeroberflächen-Schriftart für Chinesisch (vereinfacht)
Microsoft Yi BaitiRegularFallbackschriftart für Yi-Skript
Mongolisches BaitiRegularFallbackschriftart für mongolisches Skript
MV BoliRegularFallbackschriftart für Thaana-Skript
Myanmar TextRegularFallbackschriftart für Myanmar-Skript
Nirmala UINormal, Semilight, fettBenutzeroberflächen-Schriftart für südasiatische Skripte (Bangla, Devanagari, Gujarati, Gurmukhi, Kannada, Malayalam, Odia, Ol Chiki, Singhalesisch, Sora Sompeng, Tamil, Telugu)
Segoe MDL2-RessourcenRegularBenutzeroberflächen-Schriftart für App-Symbole
Segoe-DruckRegular
Segoe UINormal, kursiv, fett, fett kursiv, dünn, Semilight, Semibold, schwarzBenutzeroberflächen-Schriftart für Skripte für Europa und Naher Osten (Arabisch, Armenisch, Kyrillisch, Georgisch, Griechisch, Hebräisch, Lateinisch) und auch Lisu-Skripte
Segoe UI-EmojiRegularIn der in Windows Phone enthaltenen Version ist jedes Emoticon mit einem weißen Rand versehen, um sicherzustellen, dass es auf allen Hintergrundfarben angezeigt werden kann. Sie ist metrisch kompatibel mit der in Windows enthaltenen Version.
Segoe UI historischRegularFallbackschriftart für historische Skripte
Segoe UI SymbolRegularFallbackschriftart für Symbole
SimSunRegular
Times New RomanNormal, kursiv, fett, fett kursiv
Trebuchet MSNormal, kursiv, fett, fett kursiv
VerdanaNormal, kursiv, fett, fett kursiv
WebdingsRegular
WingdingsRegular
Yu GothicMedium
Yu Gothic UIRegularBenutzeroberflächen-Schriftart für Japanisch

 

Verwandte Themen

Für Designer
Beschriftung (oder Textblock)
Segoe UI Symbol-Symbole
Für Entwickler (XAML)
XAML-Designressourcenverweise
Gestalten einer App-Seite
Segoe UI Symbol-Symbole
TextBlock.FontFamily property
Für Entwickler (HTML)
WinJS style sheets
Schnellstart: Hinzufügen von WinJS-Steuerelementen und -Stilen
Gestalten einer App-Seite
Segoe UI Symbol-Symbole
font-family property
letter-spacing property
-ms-font-feature-settings
Beispiele
Beispiel für die XAML-Textanzeige
CSS-Formatvorlagen: Beispiel für das Branding Ihrer App
Beispiel für Sprachschriftartzuordnung

 

 

Anzeigen:
© 2015 Microsoft