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
- Der variable Font besteht aus einer einzigen Datei und beinhaltet alle Schriftschnitte.
- Die Dateigröße ist mit 30 KB sehr gering.
- Die Schriftstärke wird nicht mit
font-weight
, sondern mitfont-variation-settings
angegeben.
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
Strong Emphasis Small Sub Sup3 neue Bezirke fürs Klimateam
3 neue Bezirke fürs Klimateam
3 neue Bezirke fürs Klimateam
3 neue Bezirke fürs Klimateam
3 neue Bezirke fürs Klimateam
3 neue Bezirke fürs Klimateam
3 neue Bezirke fürs Klimateam
3 neue Bezirke fürs Klimateam
3 neue Bezirke fürs Klimateam
3 neue Bezirke fürs Klimateam
Kontakt
Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht
bietet?
handbuch@ma53.wien.gv.at