Anleitungen/Stile/Schriftgröße ändern

Schriftgröße ändern

In diesem Ratgeber erfährst du, wie du die Schriftgröße von Text-Blöcken anpasst, die Standardvorgaben für die Schriftgröße aktualisierst und deine eigenen individuellen Vorgaben erstellst, die auf die Typografie auf deiner Website angewendet werden können.

Die Schriftgröße für bestimmte Inhalte anpassen

Du kannst die Schriftgröße eines Text-Blocks ändern, um die Lesbarkeit zu verbessern oder sie dem Design deiner Website anzupassen. So passt du die Schriftgröße eines einzelnen Blocks an:

  1. Klicke auf den Text-Block, den du bearbeiten möchtest (z. B. einen Absatz-, Überschrift– oder Listen-Block).
  2. Suche in der Seitenleiste mit den Blockeinstellungen den Abschnitt Typografie.
  3. Wähle in der Vorgabeliste eine Schriftgröße (z. B. klein, mittel oder groß) aus oder klicke auf das Icon Eine individuelle Größe festlegen, um einen bestimmten Wert einzugeben.
    • Vorgaben sind vorgefertigte Optionen für die Schriftgröße, z. B. klein oder groß, sodass du deinen Text auf deiner gesamten Website einheitlich halten kannst.
  4. Standardmäßig wird die Größe in Pixel angegeben. Klicke auf den px-Text, um die Maßeinheit zu ändern. Weitere Informationen zu Maßeinheiten.
  5. Zeige deine Änderungen in der Vorschau an oder klicke rechts oben auf den Button Speichern, um sie anzuwenden.
Das Icon „Eine individuelle Größe festlegen“ wurde ausgewählt und ein Pfeil zeigt auf das Feld, in das die individuelle Größe eingegeben werden kann.

💡

Du kannst die Standardeinstellungen für einen bestimmten Block auch über die Stiloption unter DesignEditor in deinem Dashboard ändern.

Die Schriftgröße für deine Website anpassen

So kannst du die Standardschriftgröße für Elemente auf deiner gesamten Website anpassen:

  1. Navigiere im Dashboard deiner Website zu Design → Editor.
  2. Wähle im Menü auf der linken Seite die Option Stile aus.
    • Im Editor kannst du auch rechts oben das Stile-Icon (ein schwarz-weißer Kreis) auswählen.
  3. Klicke auf Typografie, um die Standardschriftgröße für Elemente auf deiner Website zu bearbeiten.
  4. Wähle im Abschnitt Elemente eine der folgenden Optionen aus:
    • Text
    • Links
    • Überschriften
    • Untertitel
    • Buttons
  5. Wähle in der Vorgabeliste eine Schriftgröße (z. B. klein, mittel oder groß) aus oder klicke auf das Icon Eine individuelle Größe festlegen, um einen bestimmten Wert einzugeben.
  6. Klicke auf Änderung überprüfen oder Speichern, um deine Änderungen zu übernehmen.
Der Typografieabschnitt von „Stile“ im Editor, wobei die verschiedenen Textelement-Optionen hervorgehoben sind.

Schriftgrößenvorgaben bearbeiten

Vorgaben sind vorgefertigte Optionen für die Schriftgröße, z. B. klein oder groß, sodass du deinen Text auf deiner gesamten Website einheitlich halten kannst. So änderst du den Wert der Schriftgrößenvorgaben deines Themes:

  1. Navigiere im Dashboard deiner Website zu Design → Editor.
  2. Klicke auf die Menüoption Stile.
  3. Wähle die Option Typografie aus.
  4. Klicke am Ende des Bedienfelds auf Schriftgrößenvorgaben.
  5. Wähle eine voreingestellte Schriftgröße aus (z. B. klein, mittel oder groß).
  6. Gib deinen bevorzugten Wert in das Größenfeld ein und wähle die Einheit (px, em, rem, vh oder vw) aus.
    • Aktiviere die Option Fließende Typografie, damit die Schriftgröße dynamisch mit dem Bildschirm oder Viewport skaliert werden kann.
    • Aktiviere optional Individuelle fließende Werte, um individuelle Mindest- und Höchstwerte für die fließende Schriftgröße festzulegen.
  7. Klicke auf Änderung überprüfen oder Speichern, um deine Änderungen zu übernehmen.
Die Option für Schriftgrößenvorgaben in den Typografieeinstellungen.

Eine neue Schriftgrößenvorgabe erstellen

So fügst du eine individuelle Schriftgrößenvorgabe hinzu, damit du sie problemlos wiederverwenden kannst:

  1. Navigiere im Dashboard deiner Website zu Design → Editor.
  2. Klicke auf die Menüoption Stile.
  3. Wähle die Option Typografie aus.
  4. Klicke am Ende des Bedienfelds auf die Option Schriftgrößenvorgaben.
  5. Klicke neben Individuell auf das Pluszeichen (+). Es wird eine neue Schriftgrößenvorgabe mit einem Standardnamen wie „Neue Schriftgröße 1“ angezeigt.
  6. Wähle die neue Schriftgrößenvorgabe aus.
  7. Klicke auf das Ellipsen-Icon () oben rechts und wähle Umbenennen aus, um deiner Vorgabe einen beschreibenden Namen zu geben.
  8. Gib deinen bevorzugten Wert in das Größenfeld ein und wähle die Einheit (px, em, rem, vh oder vw) aus.
    • Aktiviere die Option Fließende Typografie, damit die Schriftgröße dynamisch mit dem Bildschirm oder Viewport skaliert werden kann.
    • Aktiviere optional Individuelle fließende Werte, um individuelle Mindest- und Höchstwerte für die fließende Schriftgröße festzulegen.
  9. Klicke auf Änderung überprüfen oder Speichern, um deine Änderungen zu übernehmen.
Die Standardeinstellungen für eine individuelle Schriftgrößenvorgabe.

Deine neue Schriftgrößenvorgabe ist jetzt in den Typografieeinstellungen auf deiner gesamten Website verfügbar, um ein einheitliches Design zu gewährleisten.

Copied to clipboard!