Schriften

Laden Sie Ihre lizenzierten Web-Schriften einmal hoch, bewahren Sie den Lizenznachweis dabei auf und laden Sie sie mit einem Stylesheet auf Ihrer Website.

Diese Seite wurde aus dem Englischen übersetzt. Bei Abweichungen gilt die englische Version. Auf Englisch lesen

Atlas hostet die Schriften Ihrer Website zusammen mit ihrem Lizenznachweis. Eine Schrift wird nur ausgeliefert, solange ihre Lizenz die Web-Einbettung erlaubt und nicht abgelaufen ist.

Eine Schrift hinzufügen

Öffnen Sie Design → Fonts und klicken Sie auf Add a font.

Geben Sie den Family name und einen Key ein. Der Key benennt die CSS-Variable und lässt sich später nicht mehr ändern.
Laden Sie unter Files, weights and styles WOFF2- oder WOFF-Dateien hoch (oder wählen Sie sie aus der Medienbibliothek). Legen Sie für jede Datei Weight (zum Beispiel 400 oder bei einer variablen Schrift einen Bereich wie 100-900) und Style (Upright oder Italic) fest.
Fügen Sie Fallback fonts hinzu und wählen Sie While loading: Show the fallback, then swap oder Use the font only if it is ready at once.
Erfassen Sie unter Licence den Namen der Licence, das Datum, an dem die Lizenz endet (Licence ends, falls vorhanden), den Evidence (Nachweis) und optional ein Licence document, und setzen Sie den Haken bei The licence allows embedding this font on websites (@font-face).
Klicken Sie auf Add font.

Jede Schriftkarte zeigt, wie Sie sie verwenden, zum Beispiel font-family: var(--atlas-font-brand), zusammen mit ihren Fallbacks, der Lizenz und früheren Versionen. Klicken Sie auf New version, um Dateien zu ersetzen oder die Lizenz zu aktualisieren; frühere Versionen bleiben erhalten.

Schriften auf Ihrer Website laden

Die Karte Add to your website gibt Ihnen ein fertiges Snippet:

Any website: Copy link tag und fügen Sie es dem Head Ihrer Seite hinzu. Es lädt ein Stylesheet mit jeder aktiven Schrift der Site.
Next.js: Copy code für eine serverseitig gerenderte Version.

<link
  rel="stylesheet"
  href="https://<delivery host>/v1/delivery/environments/{environmentId}/fonts.css"
/>

Das Stylesheet wird 5 Minuten gecacht und Schriftdateien dauerhaft, weil jede Dateiversion ihre eigene Adresse hat. Schriftdateien werden nur an die Website-Adresse Ihrer Umgebung ausgeliefert.

Schriften auf der Live-Website

Schriftänderungen erreichen Production wie Inhalte mit dem nächsten Release. Production liefert nur die Schriftversionen in ihrem aktiven Release aus.

Limits

Nur WOFF2 und WOFF (kein TTF oder OTF).
Bis zu 32 Dateien und 8 Fallback-Schriften pro Schrift.
Schriften gehören zu einer Site; es gibt noch keinen gemeinsamen Schriftenkatalog der Organisation und kein Subsetting.

Website-Helfer und Paletten Live gehen