Schriftarteinstellungen

Ausgewählte Links

1. Company XYZ-Dokumentation zu Schrifteinstellungen
2. Company XYZ-Dokumentation zu Schrifteinstellungen
3. Shopify-Dokumentation zum Theme-Editor

Hilfreiche Videos

Shopify Academy-Video: Ihren Store anpassen

Shopify Academy-Video: Ihren Store anpassen

Diese Einstellungen steuern die Typografie, die in Ihrem Theme verwendet wird, von Fließtext und Schaltflächen bis hin zu Beschriftungen, Kartentiteln und Überschriftenebenen. Da sie an vielen Stellen gleichzeitig gelten, kann schon eine kleine Änderung der Schriftart die Lesbarkeit, Hierarchie und Markenwirkung spürbar beeinflussen.

Sie können integrierte Schriftarten für eine schnelle Einrichtung verwenden oder benutzerdefinierte Schriftarten hinzufügen, wenn Sie eine spezifischere visuelle Identität benötigen. Informationen zur Einrichtung finden Sie in der Schriftarten-Referenz und in der Shopify-Dokumentation zum Theme-Editor

Zentrale Schriftartensteuerungen

Die wichtigsten Steuerungen decken die Textstile ab, die Kundinnen und Kunden im Theme am häufigsten sehen.

1. Schriftart für den Fließtext legt die primäre Leseschrift fest, die auf der gesamten Website verwendet wird, einschließlich begleitender Texte, Zwischenüberschriften und Karten-Badges. Beginnen Sie zuerst hier, da dies den größten Einfluss auf Komfort und Klarheit hat.
2. Schriftart für Schaltflächen gilt für Aktionstext im gesamten Theme. Kräftigere Schrift kann Schaltflächen hervorheben, dekorative Schriftarten können kurze Beschriftungen jedoch schwerer erfassbar machen.
3. Schriftart für Beschriftungen wird für kleineren Text im Beschriftungsstil verwendet, etwa für den Text über Überschriften. Dies ist ein guter Ort, um einen sekundären typografischen Akzent einzuführen, ohne längeres Lesen zu beeinträchtigen.
4. Textumwandlungen für jede Rolle ermöglichen es Ihnen, die Groß- und Kleinschreibung global zu steuern. Diese Einstellungen sind nützlich, um den Ton zu gestalten, können Text aber auch lauter oder dichter wirken lassen.

Großbuchstaben- und Vollbreiten-Umwandlungen eignen sich am besten für kurze Beschriftungen und Überschriften. Bei Fließtext oder kleinen Beschriftungen können sie die Lesbarkeit schnell verringern.

Überschriften-Schriftarten

Diese Untergruppe ermöglicht es Ihnen, Kartentitel separat von den Überschriftenebenen H1 bis H6 zu steuern. Verwenden Sie sie, um über Seiten, Karten und strukturierte Inhalte hinweg eine klarere visuelle Hierarchie zu schaffen.

1. Schriftart für Kartentitel beeinflusst Titel in wiederholten Inhalten wie Karten und Vorschauen. Wählen Sie eine Schriftart, die auch in kleineren Größen und engeren Layouts gut lesbar bleibt.
2. Schriftart für H1 ist in der Regel der auffälligste Überschriftenstil und wird häufig für Seitentitel und große Headline-Bereiche verwendet. Sie sollte eigenständig wirken, ohne mit der übrigen Typografie zu kollidieren.
3. Schriftarten für H2 bis H6 helfen dabei, Zwischenüberschriften und die Inhaltsstruktur festzulegen. In den meisten Fällen führt es zu einem saubereren Ergebnis, wenn diese Ebenen visuell miteinander verwandt bleiben, statt jede Ebene einzigartig wirken zu lassen.
4. Textumwandlungen für Überschriften können zusätzliche Betonung erzeugen, insbesondere bei kurzen Kartentiteln oder Überschriften im Display-Stil. Wenn zu viele Überschriftenebenen aggressive Umwandlungen verwenden, können Seiten visuell unruhig wirken.

Tipp

Eine einfache Kombination funktioniert oft am besten: eine gut lesbare Schriftart für den Fließtext, eine kontrastierende Schriftart für Überschriften und ein sparsamer Einsatz von Textumwandlungen.

Benutzerdefinierte Schriftarten

Wenn die integrierten Optionen nicht zu Ihrer Marke passen, können Sie Schriftarten von einem Anbieter hinzufügen oder selbst gehostete Schriftdateien verwenden. Das gibt Ihnen mehr Flexibilität, macht aber auch Genauigkeit wichtiger.

1. Anbieterbasierte Schriftarten ermöglichen es Ihnen, eine Schriftart über einen Schriftartdienst mit dem bereitgestellten Code zu laden.
2. Gehostete Schriftarten ermöglichen es Ihnen, Ihre eigenen .woff- oder .woff2-Dateien zu verwenden. Wenn Sie beide Formate bereitstellen, kann das die Kompatibilität verbessern.
3. Benennung gehosteter Schriftarten ist wichtig, weil die später in dieser Gruppe zugewiesenen benutzerdefinierten Schriftarten vom exakten von Ihnen definierten Familiennamen abhängen.

Informationen zu unterstützten Methoden für benutzerdefinierte Schriftarten und zu den Einrichtungsdetails finden Sie unter benutzerdefinierte Schriftarten.

Verwenden Sie nur ordnungsgemäß lizenzierte Schriftarten und prüfen Sie alle Anbieter-Codes oder URLs gehosteter Dateien sorgfältig. Wenn eine benutzerdefinierte Schriftart nicht korrekt geladen wird, kann das Theme auf eine andere Schriftart zurückgreifen und eine uneinheitliche Typografie erzeugen.

Zuweisungen für benutzerdefinierte Schriftarten

Nachdem Sie eine benutzerdefinierte Schriftartquelle hinzugefügt haben, können Sie sie bestimmten typografischen Rollen im gesamten Theme zuweisen. Separate benutzerdefinierte Steuerungen stehen für Fließtext, Schaltflächen, Beschriftungen, Kartentitel und jede Überschriftenebene zur Verfügung.

1. Schriftfamilie sollte dem exakten Wert entsprechen, den Ihre Schriftartquelle bereitstellt. Damit wird die geladene Schrift mit der Rolle verbunden, die Sie gestalten möchten.
2. Schriftschnitt sollte der vorgesehenen Variante der Schrift entsprechen. Wenn der Schriftschnitt nicht stimmt, kann die Schrift dünner, kräftiger oder weniger ausgefeilt wirken als erwartet.
3. Schriftstil ermöglicht es Ihnen, je nach Bedarf reguläre oder kursive Gestaltung zu verwenden. Kursivschrift kann Charakter verleihen, eignet sich aber meist am besten für größere oder gezielter eingesetzte Texte.
4. Benutzerdefinierte Einstellungen pro Rolle machen es einfach, eine benutzerdefinierte Schriftart selektiv zu verwenden, etwa nur für H1-Überschriften oder Schaltflächen, statt jede Schriftart im Theme zu ersetzen.

Ein praktischer Ansatz besteht darin, zuerst eine benutzerdefinierte Schriftart hinzuzufügen, sie in ihrer wichtigsten Rolle zu testen und ihren Einsatz dann nur zu erweitern, wenn sie in verschiedenen Vorlagen und Textgrößen ausgewogen bleibt.

Nutzungshinweise

1. Beginnen Sie mit Lesetext. Legen Sie zuerst die Schriftart für den Fließtext fest, da sie die meisten Inhalte beeinflusst und den allgemeinen Ton des Themes bestimmt.
2. Bauen Sie die Hierarchie bewusst auf. Verwenden Sie Überschriften-Schriftarten und die Gestaltung von Kartentiteln, um Inhaltsebenen klar voneinander zu trennen, ohne dass jede Textrolle um Aufmerksamkeit konkurriert.
3. Beschränken Sie Groß-/Kleinschreibungs-Umwandlungen. Wenden Sie Großschreibung, Überschreibungen der Kleinschreibung oder Vollbreiten-Stil vor allem auf kurzen Text an, bei dem die Gestaltung weiterhin klar lesbar bleibt.
4. Testen Sie wiederholte Inhalte. Prüfen Sie Schriftarten auf Karten, Schaltflächen, Beschriftungen und Seitentiteln, damit Sie Abstands- oder Lesbarkeitsprobleme an den Stellen erkennen, die Kundinnen und Kunden am häufigsten sehen.
5. Überprüfen Sie die Einrichtung benutzerdefinierter Schriftarten. Bestätigen Sie Schriftfamilienwerte, Quellcode und URLs gehosteter Dateien sorgfältig, um die Typografie im gesamten Theme konsistent zu halten.
6. Prüfen Sie Formular- und Aktionstext im Kontext. Stellen Sie sicher, dass Schaltflächen, Beschriftungen und Validierungsmeldungen in leeren, abgeschickten und Fehlerzuständen gut lesbar bleiben.
7. Überprüfen Sie inhaltsreiche Vorlagen. Vergleichen Sie die Typografie in Produkt-, Warenkorb-, Such-, Blog- und Artikel-Layouts, damit Überschriften und Fließtext auch dann ausgewogen wirken, wenn sich Inhalte ändern oder Ergebnisse begrenzt sind.