Woher bekomme ich eine Schriftdatei?

Die Schrift ist die eine Gestaltungsentscheidung, die auf jeder einzelnen Seite deines Projekts zu sehen ist. Deshalb kannst du deine eigene hinterlegen: eine Datei, einmal hochgeladen, und AdenAI baut ab dem nächsten Ticket damit.

Dieser Artikel geht den ganzen Weg durch. Warum wir eine Datei wollen, wo du eine findest, wie du sie aussuchst, wie du sie herunterlädst und was danach passiert.

Warum eine Datei und kein Link

Die meisten Websites im Netz laden ihre Schrift beim Aufruf von einem fremden Server nach. Das ist bequem und hat zwei Haken.

• Jeder deiner Besucher wird dort gemeldet. Damit der Browser die Schrift holen kann, schickt er die IP-Adresse des Besuchers an diesen Dienst. Der Besucher hat das nicht entschieden, er sieht es nicht, und du hast es nicht in der Hand.
• Deine Seite hängt an jemand anderem. Ist der Dienst gestört, überlastet oder in einem Land gesperrt, sieht deine Seite dort falsch aus. Für eine Kleinigkeit, die du auch selbst mitliefern kannst.

AdenAI holt deshalb nie eine Schrift von einem fremden Dienst nach. Nicht als Hauptschrift, nicht ergänzend, auch nicht "nur die eine". Deine Schriftdatei kommt in dein Projekt und wird von dort ausgeliefert, von derselben Adresse wie deine Seite.

Das ist keine Einstellung, die man umlegen kann, sondern die Bauweise. Sie gilt auch für uns selbst: Die Vorschau, die dir dein Design-Profil von deiner Schrift zeigt, kommt ebenfalls aus unserer eigenen Auslieferung und nicht von einem Schriftdienst.

Wo du eine Schrift findest

Freie Schriften. Der größte Sammelplatz ist der Google-Fonts-Katalog unter fonts.google.com. Das klingt jetzt nach einem Widerspruch, ist aber keiner: Herunterladen und in dein Projekt legen darfst du diese Schriften. Das Problem ist allein das Nachladen im laufenden Betrieb, nicht die Schrift. Fast alle stehen unter einer freien Lizenz und dürfen auch geschäftlich benutzt werden.

Gekaufte Schriften. Bei einem Schrifthaus oder einem Händler. Achte dort auf die Weblizenz, oft "Webfont" genannt. Sie ist meistens getrennt von der Lizenz zum Drucken, und nur sie erlaubt den Einsatz auf einer Website. Du bekommst dann in aller Regel fertige .woff2-Dateien.

Was du schon hast. Hat dir eine Agentur einmal eine Hausschrift gebaut oder gekauft, liegen die Dateien meist in deinen Markenunterlagen. Frag danach, bevor du etwas Neues suchst: eine Seite, die zu deinen Visitenkarten passt, ist mehr wert als eine schönere fremde Schrift.

Wie du eine aussuchst

• Lesbarkeit geht vor Charakter. Eine Schrift, die in der Überschrift begeistert, kann im Fließtext anstrengend sein. Lies eine ganze Zeile in normaler Größe, nicht nur den Namen im Katalog.
• Eine reicht fast immer. Zwei sind das Maximum, und dann mit klarer Aufgabe: eine für Überschriften, eine für den Text. Ab drei wirkt eine Seite unruhig, ohne dass jemand sagen kann, warum.
• Prüf die Zeichen, die du wirklich brauchst. Umlaute, ß, das Eurozeichen, deutsche Anführungszeichen. Manche Schriften bringen sie nicht mit. Nach dem Hochladen zeigen wir dir das, siehe die Zeichentafel.
• Wenige, kräftige Größen schlagen viele kleine Abstufungen. Das ist eher eine Sache für dein Ticket als für die Schriftwahl, entscheidet aber mehr über den Eindruck als die Schrift selbst.

Herunterladen: der bequemste Weg

Für eine Schrift aus dem Google-Katalog gibt es eine kleine freie Seite, die genau diesen einen Zweck hat: den google-webfonts-helper unter gwfh.mranftl.com/fonts. Sie gibt dir die Dateien zum Mitnehmen, statt dir eine Zeile zum Nachladen anzubieten.

Der Ablauf, auch wenn sich die Seite einmal ändert:

1. Die Schrift im Suchfeld eingeben und anklicken.
2. Beim Zeichensatz latin ankreuzen. Brauchst du osteuropäische Zeichen wie ł, ș oder ő, zusätzlich latin-ext. Mehr nicht: jeder Zeichensatz macht die Datei größer.
3. Beim Schnitt den auswählen, den du hinterlegen willst, meistens regular oder 400.
4. Weiter unten auf Download files. Du bekommst eine ZIP-Datei.
5. Die ZIP-Datei entpacken. Darin liegen Dateien mit Namen wie inter-v13-latin-regular.woff2. Genau eine davon lädst du bei uns hoch.

Der Weg über fonts.google.com selbst funktioniert auch: dort gibt es einen Knopf zum Herunterladen, und du bekommst .ttf-Dateien. Die nehmen wir an, sie sind nur zwei- bis dreimal so groß wie .woff2.

Welches Format

Endung	Wann
.woff2	Erste Wahl. Am stärksten gepackt, lädt am schnellsten, jeder Browser kann es.
.woff	Der Vorgänger. Geht auch, ist nur größer.
.ttf, .otf	Was du beim Kauf oder von deiner Agentur oft bekommst. Funktioniert, ist aber die größte Datei.

Mehr als 2 MB nehmen wir nicht an. Eine normale Schrift für Latein liegt weit darunter, meist zwischen 20 und 60 KB als .woff2. Ist deine Datei viel größer, enthält sie fast sicher Zeichensätze, die du nie brauchst.

Hochladen

1. Projekt öffnen, in der Leiste links auf Design.
2. Zum Abschnitt Schrift, dort auf Schriftdatei auswählen.
3. Unten auf Design-Profil speichern.

Den Namen der Schrift musst du nicht wissen. Wir lesen ihn aus der Datei und zeigen ihn dir danach an. Ein Feld dafür gibt es bewusst nicht mehr: es war eine Frage, deren Antwort schon in der Datei stand.

Die Zeichentafel

Schon direkt nach der Auswahl, noch bevor du auf "Design-Profil speichern" drückst, zeigt dir eine kleine Vorschau Groß- und Kleinbuchstaben, Umlaute, Ziffern und einen Beispielsatz in mehreren Größen - so siehst du sofort, ob es die richtige Datei war.

Nach dem Speichern steht unter dem Upload deine Schrift, und zwar vollständig:

• jedes Zeichen einmal durch. Große und kleine Buchstaben, Umlaute und ß, Ziffern, Satzzeichen, Anführungszeichen, Sonderzeichen.
• die Zeichen, die sich leicht verwechseln. Großes I, kleines l und die Ziffer 1 nebeneinander, ebenso O, Null und Ø, oder die Ziffer 5 neben dem großen S. In einer Reihe von A bis Z fällt das keinem auf, erst nebeneinander sieht man, ob die Schrift sie auseinanderhält.
• ein echter Satz in fünf Größen, von der Überschrift bis zur Fußnote.

Sieh dir das in Ruhe an, bevor du es behältst. Drei Dinge lohnen den Blick:

• Tanzt ein einzelnes Zeichen aus der Reihe, fehlt es in deiner Datei. Wir zeigen es dann ersatzweise in unserer Schrift, und auf deiner fertigen Seite passiert genau dasselbe. Meistens trifft es das ß, das Eurozeichen oder die deutschen Anführungszeichen.
• Verwechselt sich ein großes I mit einer 1, oder eine 5 mit einem S, fällt das sonst erst in einer Telefonnummer oder einer Hausnummer auf deiner fertigen Seite auf, und dann ist es überall.
• Die kleinste Zeile. Wenn sie hier schon anstrengt, wird sie es auf deiner Seite auch, und dort steht das Kleingedruckte.

Der Grund für die Tafel ist unangenehm einfach: Ein Fehlgriff bei der Schrift fällt sonst erst auf der fertigen Seite auf. Und dann ist er überall.

Was AdenAI damit macht

Ab dem nächsten Ticket legt AdenAI die Datei in dein Projekt, bindet sie dort ein und setzt eine Systemschrift als Rückfall dahinter, damit dein Text auch in der halben Sekunde vor dem Laden schon da ist. Die Schrift wird als eine Einstellung im Projekt abgelegt und nicht in jede Seite einzeln geschrieben. Willst du sie später tauschen, ist es wieder nur diese eine Stelle.

Schon gebaute Seiten bleiben, wie sie sind, bis das nächste Ticket sie anfasst. Das Design-Profil gilt ab dem nächsten Ticket, nicht rückwirkend.

Wenn du keine Datei hast

Dann musst du nichts weiter tun. AdenAI sucht selbst eine passende Standardschrift aus, ganz ohne Drittanbieter - dieselben Schriften, die uns ohnehin schon zur Verfügung stehen, keine, die im laufenden Betrieb von einem fremden Dienst nachgeladen wird. Ein Feld, in dem du sie in Worten beschreibst, gibt es bewusst nicht: es war eine Frage, die AdenAI genauso gut selbst beantworten kann.

Und er legt die gewählte Schrift genauso lokal in dein Projekt. Die Regel von oben gilt auch für Schriften, die nicht von dir kommen.

Tauschen und entfernen

• Tauschen: einfach eine andere Datei hochladen. Die alte wird dabei ersetzt.
• Entfernen: das Kästchen "Diese Schrift beim Speichern entfernen" unter der Zeichentafel ankreuzen und speichern. Danach sucht AdenAI wieder selbst eine aus.

Beides ändert nichts an dem, was schon gebaut ist. Es gilt ab dem nächsten Ticket.

Die Lizenzfrage, kurz

Prüf einmal, ob deine Schrift auf einer Website benutzt werden darf. Bei den freien Schriften aus dem Google-Katalog ist das der Normalfall. Bei einer gekauften Schrift steht es in deiner Lizenz, und dort steht manchmal auch eine Grenze für Besucher pro Monat. Wir prüfen das nicht für dich, und wir können es auch nicht: uns liegt nur die Datei vor, nicht dein Kaufbeleg.

Was du sonst noch einmal hinterlegst statt es in jedes Ticket zu schreiben, steht unter Beschreiben, was du dir vorstellst.