Neve-Typografie

In diesem Leitfaden finden Sie Informationen zu den Schriftmechaniken von Neve, einschließlich des Prozesses zur Änderung von Schriftarten, der Auswahl von Schriftfamilien, der Anpassung von Schriftgrößen und der Erkundung zusätzlicher Typografie-Funktionen.

Diese Optionen sind verfügbar unter Dashboard > Design > Anpassen > Typografie und sind wie folgt kategorisiert:

Die Schriftfamilie kann im Allgemein-Bereich festgelegt und auf der gesamten Website angewendet werden, mit der Möglichkeit, eine andere Schrift für Überschriften-Tags auszuwählen.

Hier ist eine Vorschau, wie die Webseite im Browser funktioniert, während Schriftarten geladen werden. Zunächst wird die Fallback-Schrift angezeigt, und anschließend werden die restlichen Schriften geladen:

🎨 Schriftvoreinstellungen

Die Auswahl der am besten passenden Schriftarten kann schwierig sein. Daher bietet Neve ein zusätzliches Panel mit Schriftvoreinstellungen. Dieses Panel enthält Schriftarten, die perfekt miteinander harmonieren. Durch Klicken auf diese Elemente werden Schriftfamilie, Größe und Gewicht automatisch festgelegt.

📝 Hinweis: Sie können die Änderungen jederzeit durch Klicken auf die entsprechende Schaltfläche zurücksetzen.

⚙️ Allgemein

Die allgemeine Schriftart gilt überall auf der Website, außer für Elemente, bei denen explizit eine andere Schriftart festgelegt wurde, wie z. B. für Überschriften-Tags oder Blöcke/Widgets.

Wenn ein Block auf einer Seite eine eigene Schriftoption bietet, wird diese das Theme überschreiben. Das Gleiche gilt für Page-Builder wie Elementor. Die meisten Editoren bieten die Möglichkeit, Schriftarten aus den Theme-Einstellungen zu übernehmen.

Die allgemeine Schriftart ist verfügbar unter Anpassen > Typografie > Allgemein. Die folgenden Optionen stehen ebenfalls zur Verfügung:

• Texttransformation – keine | Großschreibung | Kleinbuchstaben | Großbuchstaben.

• Gewicht – keine | 100 | 200 | ... | 900.

• Schriftgröße – numerischer Wert der Schriftart (PX, EM, REM).
• Zeilenhöhe – numerischer Wert in EM, PX oder – (dies bedeutet, dass untergeordnete Elemente, die eine andere Schriftgröße angeben, diesen Wert erben).

• Buchstabenabstand – numerischer Wert in Pixel.

Jede der letzten drei Optionen ist responsiv und kann unterschiedlich für Desktop | Tablet | Mobilgeräte eingestellt werden. Sie können die Einstellungen durch Klicken auf das ↪️ Symbol zurücksetzen.

🔠 Überschriften

In diesem Bereich können Sie eine Schriftfamilie für die Überschriften auswählen, die sich von der im Bereich "Allgemein" festgelegten Schrift unterscheidet. Für jedes Tag stehen folgende Optionen zur Verfügung: Texttransformation, Gewicht, Schriftgröße (in PX, EM, REM), Zeilenhöhe und Buchstabenabstand. Sie können die Einstellungen für jede Überschrift individuell anpassen, wie im Screenshot unten zu sehen:

Diese Funktion hat keine Auswirkungen auf den CSS-Code oder den dynamischen Stil von Benutzern, die spezifische Überschriften überschreiben.

📝 Hinweis: Die Fallback-Schriftart ist dieselbe wie die allgemeine Fallback-Schrift.

📝 Blog

Die Blog-Typografie-Einstellungen gelten für die Blog-/Archivseite und das Einzelbeitrags-Layout. Die Schriftfamilie und die Fallback-Schrift werden aus den Einstellungen für "Allgemein" und "Überschriften" übernommen. Allerdings können die anderen Optionen wie Texttransformation, Gewicht, Schriftgröße (PX, EM, REM), Zeilenhöhe und Buchstabenabstand für folgende Abschnitte separat eingestellt werden:

Blog-/Archivseite

• Beitragstitel – ein H2-Tag; ohne spezielle Einstellungen hier werden die Werte von Typografie > Überschriften > H2 übernommen.
• Beitragsauszug – Fließtext; ohne spezielle Einstellungen werden die Werte von Typografie > Allgemein übernommen.
• Beitragsmeta – Listenelement; ohne spezielle Einstellungen werden die Werte von Typografie > Allgemein übernommen.

Einzelbeitrag

• Beitragstitel – ein H1-Tag; ohne spezielle Einstellungen hier werden die Werte von Typografie > Überschriften > H1 übernommen.
• Beitragsmeta – Listenelement; ohne spezielle Einstellungen werden die Werte von Typografie > Allgemein übernommen.
• Kommentar-Titel – ein H3-Tag; ohne spezielle Einstellungen hier werden die Werte von Typografie > Überschriften > H3 übernommen.

🛒 WooCommerce

📝 Hinweis: Die Optionen in diesem Kapitel sind nur verfügbar, wenn das WooCommerce Booster-Modul aktiviert ist. Dieses ist in den Neve Pro Business- und Agency-Paketen enthalten.

Die WooCommerce-Typografieeinstellungen gelten für die Shop-/Archivseite und das Einzelprodukt-Layout. Die Schriftfamilie und die Fallback-Schrift werden aus den Einstellungen für "Allgemein" und "Überschriften" übernommen. Die anderen Einstellungen wie Texttransformation, Gewicht, Schriftgröße (PX, EM, REM), Zeilenhöhe und Buchstabenabstand können jedoch für folgende Abschnitte separat festgelegt werden:

Shop-/Produktarchiv

• Produkt-Titel – ein H2-Tag; ohne spezielle Einstellungen werden die Werte von Typografie > Überschriften > H2 übernommen.
• Produktpreis – Fließtext; ohne spezielle Einstellungen werden die Werte von Typografie > Allgemein übernommen.

Einzelnes Produkt

• Produkt-Titel – ein H1-Tag; ohne spezielle Einstellungen hier werden die Werte von Typografie > Überschriften > H1 übernommen.
• Produktpreis – Fließtext; ohne spezielle Einstellungen werden die Werte von Typografie > Allgemein übernommen.
• Produkt-Meta – Fließtext; ohne spezielle Einstellungen werden die Werte von Typografie > Allgemein übernommen.
• Produktbeschreibung – Fließtext; ohne spezielle Einstellungen werden die Werte von Typografie > Allgemein übernommen.
• Tab-Titel – Listenelement; ohne spezielle Einstellungen werden die Werte von Typografie > Allgemein übernommen.

📋 Menüs

Spezielle Typografieoptionen sind für die Header- und Footer-Menüs verfügbar, während Sie die Komponenten im Header-/Footer-Builder bearbeiten. Die Menüs ermöglichen die Anpassung von Schriftfamilie, Texttransformation, Gewicht, Schriftgröße (PX, EM, REM), Zeilenhöhe und Buchstabenabstand.

📝 Hinweis: Weitere Informationen zum Header-/Footer-Builder finden Sie in dieser Kategorie.