So benutzt du das Tool
- Wähl einen Stil, wie Elegant oder Kräftig, oder bleib bei Alle.
- Drück auf Mischen für ein zufälliges Paar oder geh mit Zurück und Weiter durch sie.
- Tipp deine eigene Überschrift und deinen eigenen Text ein. Deine Worte zeigen das Paar besser als unsere.
- Drück auf CSS kopieren, wenn du eins gefunden hast, das dir gefällt.
Die Paare sind die Schriftkombinationen im Design-Editor von Postfjord. Das Tool behält die, bei denen sich die zweite Schrift in einem Absatz gut liest, eine Schreibschrift oder eine Zierschrift ist also immer nur die Überschrift.
Was ein gutes Paar ausmacht
- Kontrast, kein Konflikt. Eine fette oder Serifen-Überschrift neben einem schlichten serifenlosen Text ist der Klassiker: Die Überschrift fällt ins Auge, der Text ist leicht zu lesen.
- Zwei Schriften reichen. Nutz Schnitte und Größen für den Rest: Fett für Buttons, eine kleinere Größe für Beschriftungen.
- Prüf den Text bei 16 Pixeln. Eine Textschrift muss sich in langem Text auf einem Handy gut lesen. Eine Überschriftschrift muss nur groß gut aussehen.
- Achte auf die Buchstaben, die du brauchst. Prüf Umlaute und Akzente, Zahlen und Preise, bevor du dich entscheidest.
Das CSS
Das CSS lädt beide Schriften von Google Fonts mit den Schnitten, die es für sie gibt, und setzt die Überschriftschrift auf h1, h2 und h3 und die Textschrift auf den Rest. Füg es ganz oben in dein Stylesheet ein. Jede Schrift hier ist unter einer offenen Lizenz frei nutzbar, auch geschäftlich.
Nutz es im Design-Editor von Postfjord
Lege in Postfjord deine Überschrift- und Textschrift einmal unter Einstellungen, Marke fest. Jede Vorlage im Design-Editor nutzt sie dann, und Marke anwenden setzt sie auf ein Design, das du früher gemacht hast. Im Bereich Schrift hat Schriftkombinationen diese Kombinationen fertig zum Hinzufügen auf eine Seite. Du kannst auch eine TTF- oder OTF-Datei von dir hochladen.
FAQ
Sind die Schriften kostenlos?
Ja. Jede Schrift hier kommt von Google Fonts unter einer offenen Lizenz, wie der SIL Open Font License. Du kannst sie in deinem Logo, auf deiner Website und in deinen Posts nutzen, auch geschäftlich.
Warum brauchen die Schriften einen Moment, bis sie erscheinen?
Jede Schrift wird beim ersten Mal von Google Fonts geladen. Danach erscheint sie sofort.
Sieht Google, dass ich das Tool benutze?
Google Fonts bekommt für jede Schrift eine Anfrage, mit der Adresse deines Browsers, wie bei jeder Website, die Google Fonts nutzt. Nichts, was du tippst, wird an Google oder an Postfjord gesendet.
Kann ich drei Schriften benutzen?
Du kannst, aber zwei lassen sich leichter aufgeräumt halten. Brauchst du eine dritte, nutz sie nur für eine Sache, wie ein Schreibschrift-Wort in einer Überschrift.
Kann ich die Schriften selbst hosten?
Ja. Lad sie von Google Fonts herunter und liefere sie von deiner eigenen Website aus. Ändere die Import-Zeile im CSS auf deine eigenen Dateien.