Asap

Asap ausprobieren

Strichstärken und Schnitte

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

Asap 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 Asap

Asap ist eine serifenlose Schriftfamilie, deren Name für „as soon as possible“ steht. Ecken und Strichenden sind sanft gerundet, ein Detail, das im Schriftmuster an den Füßen des A und an den Spitzen von v, w und y zu sehen ist, während die Gesamtformen offen und aufrecht bleiben. Laut den offiziellen Hinweisen haben die Schnitte standardisierte Zeichenbreiten, sodass eine Zeile ihre Länge behält, wenn der Schnitt wechselt. 2021 wurde Asap zum Variable Font und erhielt im Oktober 2022 eine Breitenachse und einen größeren Bereich der Strichstärke: Die Stärke reicht jetzt von 100 bis 900, die Breite von 75 bis 125. Neun benannte Strichstärken mit Italics ergeben 18 Schnitte. Die Fonts enthalten 788 Glyphen für Lateinisch, Latin Extended und Vietnamesisch. Asap geht auf Ancha zurück, eine Schrift von Pablo Cosgaya und Hector Gatti.

Wofür sich Asap eignet

Oberflächen, in denen Hervorhebungen das Layout nicht verschieben dürfen

Laut den offiziellen Hinweisen behalten die Schnitte dieselben Zeichenbreiten. Wird eine Beschriftung fett gesetzt, ändert sich also nicht, wo die Zeile endet.

Responsive Überschriften

Die Breitenachse von 75 bis 125 lässt eine Überschrift auf dem Smartphone enger und auf dem Desktop breiter werden, in einer einzigen Font-Datei.

Fließtext am Bildschirm

Offene Buchstabenformen und weiche Ecken, wie sie im Schriftmuster zu sehen sind, geben Regular in Absätzen ein gleichmäßiges Schriftbild.

Markentypografie

Thin 100 bis Black 900 mit Italics deckt Display-Zeilen, Zwischenüberschriften und rechtliches Kleingedrucktes im selben Ton ab.

Websites auf Vietnamesisch

Die 788 Glyphen enthalten die übereinandergesetzten Akzente, die Vietnamesisch braucht.

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
• Polnisch
• Tschechisch
• Slowakisch
• Ungarisch
• Rumänisch
• Kroatisch
• Slowenisch
• Litauisch
• Lettisch
• Estnisch
• Vietnamesisch

In den Dateien gefundene Zeichensätze: latin, latin-ext, vietnamese. 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 Asap 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.

Asap 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: "Asap";
  src: url("/assets/fonts/Asap-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Asap";
  src: url("/assets/fonts/Asap-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Asap 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=Asap:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Gut zu wissen

Zwei variable Dateien

Aufrecht und Italic kommen jeweils als eine variable Datei mit der Stärken- und der Breitenachse. Statische Dateien gehören nicht zum Paket.

Breitenachse von 75 bis 125

Der Wert 100 ist die normale Breite, 75 ist schmal und 125 breit.

Eine eigene schmale Familie existiert

Asap Condensed wird als eigene Familie mit statischen Dateien veröffentlicht.

Häufige Fragen

Sammlungen mit Asap

• Variable Fonts mit Breitenachse

  Variable Familien, bei denen sich neben der Strichstärke auch die Buchstabenbreite einstellen lässt, von leichtem Verschmälern zum Einpassen von Text bis zu einem vollen Bereich von schmal bis breit.

Ähnliche Fonts

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