Urbanist

Urbanist ausprobieren

Strichstärken und Schnitte

• Thin 100Urbanist Thin Thin Italic
• ExtraLight 200Urbanist ExtraLight ExtraLight Italic
• Light 300Urbanist Light Light Italic
• Regular 400Urbanist Regular Kursiv
• Medium 500Urbanist Medium Medium Italic
• SemiBold 600Urbanist SemiBold SemiBold Italic
• Bold 700Urbanist Bold Bold Italic
• ExtraBold 800Urbanist ExtraBold ExtraBold Italic
• Black 900Urbanist Black Black Italic

Urbanist ist ein Variable Font: Der Download enthält den gesamten Stärkenbereich in je einer Datei pro Schnitt. Die oben genannten Strichstärken sind Positionen in diesem Bereich.

Über Urbanist

Urbanist ist eine geometrische serifenlose Schrift, aufgebaut aus Grundformen. Im Schriftmuster sind O, C und G nahe an Kreisen, a, b, d, p und q wiederholen einen runden Bauch mit geradem Schaft, und das a ist einstöckig; die Striche behalten fast durchgehend dieselbe Dicke, und t und f sind schmal mit kurzen Querstrichen. Corey Hu begann das Projekt 2020 und griff dabei auf modernistische Typografie und Gestaltung zurück; er beschreibt die Schrift als neutrale Display-Schrift für Print und Digitales. Die Familie hat neun Strichstärken von Thin bis Black, jeweils mit Kursive, also 18 Schnitte, geliefert als zwei Variable-Font-Dateien mit einer Stärkenachse von 100 bis 900. Jeder Font enthält 487 Glyphen für Lateinisch und Lateinisch erweitert. Urbanist wurde 2021 zu Google Fonts hinzugefügt und steht unter der SIL Open Font License 1.1.

Wofür sich Urbanist eignet

Branding für Startups und Produkte

Auf Kreisen aufgebaute Buchstaben geben einer Wortmarke eine klare, moderne Kontur, und neun Strichstärken erlauben es, ihre Präsenz abzustimmen.

Headlines für Landingpages

Thin 100 und Black 900 liegen an den entgegengesetzten Enden einer Achse, sodass eine Seite einen haarfeinen Titel mit einem kräftigen Call-to-Action kontrastieren kann.

Portfolios für Architektur und Design

Der modernistische Ursprung der Formen passt zu Rastern, Weißraum und Bildern mit Bildunterschrift.

App-Oberflächen

Medium und SemiBold trennen Buttons von Beschriftungen, und die Kursiven übernehmen Nebenhinweise.

Präsentationen

Die gleichmäßige Strichdicke hält große Folientitel und kleine Fußzeilen optisch zusammen.

Glyphen

Sprachunterstützung

Die Familie enthält die Grundbuchstaben, mit denen diese Sprachen geschrieben werden:

• Englisch
• Französisch
• Deutsch
• Spanisch
• Portugiesisch
• Italienisch
• Niederländisch
• Schwedisch
• Norwegisch
• Dänisch
• Finnisch
• Isländisch
• Katalanisch
• Türkisch
• Tschechisch
• Slowakisch
• Ungarisch
• Rumänisch
• Slowenisch
• Litauisch
• Estnisch

In den Dateien gefundene Zeichensätze: latin, latin-ext. Die Sprachliste prüft, ob die nötigen Buchstaben im Font vorhanden sind. Über die typografische Qualität in der jeweiligen Sprache sagt sie nichts.

Lizenz

Fonts, die zu Urbanist passen

Die Vorschläge folgen einfachen Regeln aus den Datensätzen: eine kontrastierende Klassifikation und genug Strichstärken für Fließtext. Sie sind ein Ausgangspunkt, kein Urteil.

Urbanist im Web verwenden

Lade die Familie herunter, lege die Dateien auf deinen eigenen Server und binde sie per CSS ein. Bitte verlinke nicht auf die Dateien bei trendhub.net: Die Vorschaudateien hier sind Subsets, und ihre Adressen ändern sich.

@font-face {
  font-family: "Urbanist";
  src: url("/assets/fonts/Urbanist-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("/assets/fonts/Urbanist-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Urbanist", sans-serif;
}

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Urbanist mit diesem Markup aus:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Gut zu wissen

Zwei Variable-Font-Dateien

Roman und Kursive sind getrennte Variable Fonts, die jeweils Strichstärken von 100 bis 900 abdecken.

Einstöckiges a

Das a besteht aus einem runden Bauch mit Schaft, derselben Konstruktion wie b, d, p und q.

Nur Latein

Die 487 Glyphen decken die Zeichensätze Lateinisch und Lateinisch erweitert ab.

Häufige Fragen

Sammlungen mit Urbanist

• Geometrische serifenlose Fonts

  Serifenlose Familien, die auf Kreisen, geraden Linien und gleichmäßigen Strichen aufbauen, von Entwürfen im Geist der 1920er Jahre bis zu aktuellen Hausschriften von Marken.

• Schriftfamilien mit neun Strichstärken und Kursiven

  Vollständige Familien von Thin bis Black mit einer Kursiven für jede Strichstärke: achtzehn Schnitte für ein vollständiges typografisches System.

Ähnliche Fonts

Weitere Familien derselben Klassifikation, sortiert nach gemeinsamen Einsatzbereichen. Alle Fonts: sans serif