Handbuch wien.gv.at
Startseite wien.gv.at

Typografie & Font

Für die Stadt Wien wurde eine eigene, neue Schriftart entwickelt: die "Wiener Melange".

Die "Wiener Melange" ist Eigentum der Stadt Wien und darf nur mit schriftlicher Nutzungsgenehmigung der StadtWien eingesetzt werden. Sie darf auch nicht ohne schriftliche Zustimmung der Stadt Wien an Dritte weitergegeben werden.

Wiener Melange

Die Stadt Wien bietet viel typografische Inspiration, ob ornamentale Buchstaben an der Secession, charaktervolle Beschilderung von Cafés und Wirtshäusern, prominent platzierte Schriftzüge an Wohnhaus-Anlagen oder Anzeigetafeln der Wiener Linien. Die Wiener Melange, so der Name der Schriftfamilie, drückt die Eigenständigkeit und visuelle Verbindung zur Stadt aus.

Alle Buchstaben, Ziffern und Zeichen

Wiener Melange auf Bosnisch/Kroatisch/Serbisch

Ovaj internet-nastup se sastoji od osnovnih informacija koje je grad Beč pripremio za nove doseljenike i doseljenice. Ako imate dodatnih pitanja molimo Vas da sa Magistratom kontaktirate na njemačkom jeziku.

Wiener Melange auf Türkisch

Bu internet sayfaları, Viyana Belediyesinin tüm yeni gelen göçmenler için anadilde hazırladığı bir ilk bilgilendirmedir. Bunun dışında ortaya çıkan sorularda Belediye ile Almanca olarak ilişkiye geçmenizi rica ediyoruz.

Anwendung im Web (Font)

Schriftgröße

Die Standardschriftgröße für Fließtext ist 1.0625rem var(--site-font-size) (default 17px) bei einer Zeilenhöhe von 1.7 var(--site-line-height: 1.7).

Variable Font

Schriftschnitte

Die Wiener Melange ist eine Familie von 3 Schnitten: Regular, Bold und Extrabold.
Regular eignet sich für längere Texte, Bold für Hervorhebungen, Extra Bold für Überschriften.

Regular

Bold

Extrabold

Ersatzschrift

Die Ersatzschrift Lucida Sans kommt zum Einsatz, wenn sich die Wiener Melange aus technischen oder operativen Gründen nicht anwenden lässt.
Lucida Sans Unicode ist eine auf jedem Windows-Computer, Lucida Grande eine auf jedem Mac-Computer vorhandene Systemschrift.

Beispiel Lucida Sans

Chillen am CopaBeach, Wandern am Cobenzl oder Abtauchen im Gänsehäufel: Wien bietet alles für einen gelungenen Sommer in der Stadt. Hier geht's zu den Angeboten inklusive Hitze-Tipps.

Font Stack

Der Font Stack var(--wm-font-stack): WienerMelange, Lucida Sans Unicode, Lucida Grande, Lucida Sans, sans-serif; besteht aus dem Wiener Melange Variable Font, der Lucida Sans Unicode (mit erweitertem Zeichensatz), Lucida Grande für Mac, Lucida Sans Standard und einer serifenlosen generischen Schriftfamilie.

Schrifthierarchie Beispiel

Überschrift 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum accusantium pariatur fuga nesciunt. Facilis eveniet perspiciatis neque. Sapiente, dolorum reprehenderit ullam necessitatibus molestiae aliquid vel aut nostrum consectetur natus ex.

Überschrift 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum accusantium pariatur fuga nesciunt. Facilis eveniet perspiciatis neque. Sapiente, dolorum reprehenderit ullam necessitatibus molestiae aliquid vel aut nostrum consectetur natus ex.

Überschrift 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum accusantium pariatur fuga nesciunt. Facilis eveniet perspiciatis neque. Sapiente, dolorum reprehenderit ullam necessitatibus molestiae aliquid vel aut nostrum consectetur natus ex.

Überschrift 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum accusantium pariatur fuga nesciunt. Facilis eveniet perspiciatis neque. Sapiente, dolorum reprehenderit ullam necessitatibus molestiae aliquid vel aut nostrum consectetur natus ex.

Überschrift 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum accusantium pariatur fuga nesciunt. Facilis eveniet perspiciatis neque. Sapiente, dolorum reprehenderit ullam necessitatibus molestiae aliquid vel aut nostrum consectetur natus ex.

Überschrift 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum accusantium pariatur fuga nesciunt. Facilis eveniet perspiciatis neque. Sapiente, dolorum reprehenderit ullam necessitatibus molestiae aliquid vel aut nostrum consectetur natus ex.

Paragraph mit Klasse wm-e-h1

Paragraph mit Klasse wm-e-h2

Paragraph mit Klasse wm-e-h3

Paragraph mit Klasse wm-e-h4

Paragraph mit Klasse wm-e-h5

Paragraph mit Klasse wm-e-h6

Paragraph

Paragraph mit Klasse wm-teaser-text

Strong Emphasis Small Sub Sup

Kontakt

Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht bietet?

handbuch@ma53.wien.gv.at