Navigation und Service

Schriften für Webanwendung

Für die Online-Medien der Bundesregierung wurden weboptimierte Varianten beider Schriften entwickelt (siehe Basiselemente/Schriften). Diese werden von vielen Browsern in neueren Versionen unterstützt. Die BundesSerif Web und die BundesSans Web stehen jeweils in folgenden Schriftschnitten zur Verfügung:

  • Regular

  • Bold

  • Bold Italic

  • Italic

Die BundesSerif Web wird vor allem für Überschriften eingesetzt. Die BundesSans Web wird insbesondere für Fließtext und Bildunterschriften sowie als Tabellenschrift verwendet.

schriften_Serif_Sans


Ersatzschriften

Für Browser, die die Anzeige von Webfonts nicht unterstützen, müssen folgende Ersatzschriften angegeben werden:

entspricht BundesSerif entspricht BundesSans
Die Abbildung zeigt die Schrift CambriaDie Abbildung zeigt die Schrift Calibri
Die Abbildung zeigt die Schrift GeorgiaDie Abbildung zeigt die Schrift Verdana

Schriftgrößen

In der nachfolgenden Tabelle sind die Schriftgrößen für alle Textelemente in Online-Medien zusammengefasst. Alle angegebenen Werte sind Mindestgrößen.

Identitätsbereich, Navigation
ElementSchriftschnittSchriftgröße
Meta-NavigationBundesSans Web, Regular (Versalschreibweise)min. 12 px
Haupt-Navigation
(Ebene 1)
BundesSans Web / BundesSerif Web, Regular15px
Bereichskennzeichnung
(Ebene 2)
BundesSerif Web, Regular30 px
Ebenen 3 und 4BundesSans Web, Bold (Versalschreibweise)16 px
Schwerpunkt-Navigation (Drop-Down-Menü)BundesSans, Bold (Versalschreibweise)
Menue: BundesSans / BundesSerif, Regular
16 px / 15 px
Suchbegriff (optional)BundesSans Web, Regular14 px
Serviceleiste
ElementSchriftschnittSchriftgröße
Icon-BeschriftungBundesSans Web, Bold12 px
Bühne
ElementSchriftschnittSchriftgröße
Headline
BundesSerif Web, Bold30 px
EinleitungstextBundesSans Web, Regular15 px
Nummerierung weitere TeaserBundesSans Web, Bold20 px
Teaser
ElementSchriftschnittSchriftgröße
Themen-HeadlineBundesSans Web, Bold14 px
Headline
BundesSerif Web, Bold18 px
TextBundesSans Web, Regular15 px
Textelemente im Contentbereich
ElementSchriftschnittSchriftgröße
H1BundesSerif Web, Regular26 px
H2BundesSerif Web, Regular22 px
H3BundesSerif Web, Regular20 px
H4BundesSerif Web, Regular18 px
H5BundesSerif Web, Regular15 px
Abstract
BundesSans Web, Regular13 px
MetadatenBundesSans Web, Regular/Bold13 px
FließtextBundesSans Web, Regular15 px
LinksBundesSans Web, Bold
14 px
BildunterschriftBundesSans Web, Regular12 px
Tabellen
ElementSchriftschnittSchrift
TabellenüberschriftBundesSans Web, Regular (Versalschreibweise)15 px
Spalten- und ZeilenüberschriftBundesSans Web, Bold15 px
ZelleninhaltBundesSans Web, Regular15 px
Footer
ElementSchriftschnittSchriftgröße
NavigationspunkteBundesSans Web, Regular/Bold  (Versal- und Gemischtschreibweise)14 px