EN
Suche ...

Website-Schriftarten

Mit den Website-Textstileinstellungen in Pixpa können Sie die Typografie Ihrer gesamten Website steuern. Von Überschriften und Titeln bis hin zu Fließtext und Beschreibungen können Sie Schriftarten, -größen und -abstände an die visuelle Identität Ihrer Marke anpassen.

Pixpa unterstützt über 300 Schriftarten aus dem Google Fonts-Repository sowie eine Auswahl an OFL-lizenzierten Schriftarten, die Sie frei verwenden können. Durch die Anpassung Ihrer Textstile gewährleisten Sie Einheitlichkeit und verbessern die Lesbarkeit auf allen Seiten Ihrer Website.

In diesem Artikel:

  1. Aktueller Schriftartensatz
  2. Schriftartvoreinstellungen
  3. Erweiterte Bearbeitung
  4. Benutzerdefinierte Einstellungen zurücksetzen
  5. Alternative Schriftarten von Google

Sie können die Schriftarten für Ihre Website verwalten Technologie (1) Abschnitt.

Sobald Sie sich im Abschnitt „Design“ befinden, klicken Sie auf Schriftarten (2) Registerkarte.

Aktueller Schriftartensatz

  • Die ausgewählten Schriftartvoreinstellung (1) wird hier angezeigt.
  • Sie können die anpassen Überschrift (2) und Absatz (3) Schriftart für die ausgewählte Voreinstellung.

Hinweis: Nach der Anpassung der Farbpalettenoptionen oder der erweiterten Bearbeitung wird Folgendes angezeigt: 'Modifiziert' (4) Taste.

  • Oberer Text (5) stellt die Schriftart „Überschrift“ dar.
  • Unterer Text (6) stellt die Paragraph-Schriftart dar.

Hinweise:

  • Das Ändern der Schriftart der Überschrift wirkt sich auch auf den Site-Titel und die Menüelemente aus.
  • Das Ändern der Absatzschriftart wirkt sich auch auf Schaltflächen, Galerien (Bildtitel) und Fußzeilentext aus.

Schriftartvoreinstellungen

Schriftartvoreinstellungen sind vordefinierte Kombinationen aus Schriftart, Schriftgrößen, Buchstabenabständen und anderen typografischen Einstellungen, die auf den Text auf der gesamten Website angewendet werden können.

  • Sie können die Schriftart ganz einfach global ändern, indem Sie eine davon auswählen Schriftartenvoreinstellungen (1).
  • Filter (2) Wählen Sie in der Liste die Voreinstellungen „Alle“, „Serif“, „Sans Serif“ oder „Gemischt“ aus. Sobald Sie einen Filter ausgewählt haben, werden Ihnen nur die zugehörigen Voreinstellungen angezeigt.
  • Um a zu wählen Schriftartvoreinstellung (3), Sie müssen nur darauf klicken und Veröffentlichen (4) die Änderungen.

  • Scrollen Sie zum Ende der Schriftartenliste, um auf die verfügbaren Schriftarten zuzugreifen und eine auszuwählen. OFL-Schriftarten.

Erweiterte Bearbeitung

Von hier aus können Sie die Voreinstellungen überschreiben und die Schriftarten für alle Elemente Ihrer Website manuell verwalten.

Hier sehen Sie folgende Optionen:

Seitentitel

Es ist der Titel Ihrer Website, der als Logotext fungiert, wenn das primäre Logo nicht verfügbar ist.

Von werden auf dieser Seite erläutert kannst Du:

  1. Schriftart – Wählen Sie die Schriftart für den Titel Ihrer Website.
  2. Gewicht - Wählen Sie die Schriftstärke für den Titel Ihrer Website.
  3. Größe – Desktop – Geben Sie die Textgröße für den Titel Ihrer Website auf dem Desktop an.
  4. Größe – Mobil – Geben Sie die Textgröße für den Titel Ihrer Website auf Mobilgeräten an.
  5. Buchstaben-Abstand - Legen Sie den Abstand zwischen den Buchstaben im Site-Titel fest.

Kopfzeilenmenü

Es handelt sich um eine Sammlung von Seiten, Links, Ordnern, Galerien usw., die es Benutzern ermöglichen, zwischen verschiedenen Abschnitten einer Website zu wechseln.

Von werden auf dieser Seite erläutert, können Sie anpassen:

    1. Schriftart – Geben Sie die Schriftart für die Menülinks an.
    2. Gewicht - Wählen Sie die Schriftstärke für die Menülinks.
    3. Größe - Geben Sie die Textgröße für die Menülinks an.
    4. Buchstaben-Abstand - Legen Sie den Abstand zwischen den Buchstaben in den Menülinks fest.

    1. Schriftart – Geben Sie die Schriftart für Ihre Dropdown-Menü-Links an.
    2. Gewicht - Wählen Sie die Schriftstärke für Dropdown-Menü-Links.
    3. Größe - Geben Sie die Textgröße für Dropdown-Menü-Links an.
    4. Buchstaben-Abstand - Legen Sie den Abstand zwischen den Buchstaben in Dropdown-Menü-Links fest.

Rubriken

Überschriften-Tags sind von entscheidender Bedeutung, da sie zur Strukturierung des Inhalts beitragen, die Suchmaschinenoptimierung verbessern und die Zugänglichkeit und Lesbarkeit verbessern. Es gibt vier Arten von Überschriften-Tags, die Pixpa bereitstellt. Es handelt sich um Überschrift (H1), Überschrift (H2), Überschrift (H3) und Überschrift (H4).

Von werden auf dieser Seite erläutert kannst Du:

  1. Schriftart – Geben Sie den Schriftstil für die Überschrift an (H1).
  2. Gewicht - Wählen Sie die Schriftstärke für die Überschrift (H1).
  3. Größe – Desktop – Geben Sie die Schriftgröße der Überschrift (H1) für den Desktop an.
  4. Größe – Mobil – Geben Sie die Schriftgröße der Überschrift (H1) für Mobilgeräte an.
  5. Zeilenhöhe - Geben Sie die Zeilenhöhe der Schriftart für die Überschrift (H1) an (angegeben in em).
  6. Buchstaben-Abstand - Geben Sie den Abstand zwischen den Buchstaben des Überschriftentextes (H1) an (angegeben in Form von em).

Hinweis: Ähnlich wie bei der Überschrift (H1) können Sie die Einstellungen für die Schriftarten H2, H3 und H4 anpassen.

Textauffüllung (Überschriften)

  • Überschriften – Geben Sie den Abstand für die Überschriften auf Ihrer Website an.

Die Absätze

Es wird verwendet, um einen Textblock als Absatz zu definieren und zu strukturieren. Dies wird im Allgemeinen für Beschreibungen, Bildtitel, Bildunterschriften, Fußzeilentext usw. verwendet.

Von werden auf dieser Seite erläutert kannst Du:

  1. Schriftart – Wählen Sie den Schriftstil für den gesamten Absatztext aus (normal, klein und groß).
  2. Gewicht - Wählen Sie die Schriftstärke für den gesamten Absatztext aus.
  3. P (Normal) – Desktop – Wählen Sie für den Desktop die Schriftgröße „Normal“ für den gesamten Absatztext aus.
  4. P (Normal) – Mobil – Wählen Sie für Mobilgeräte die Schriftgröße „Normal“ für den gesamten Absatztext aus.
  5. P (Klein) – Desktop – Wählen Sie die kleinere Schriftgröße (kleiner als P (Normal)) für den gesamten Absatztext für den Desktop.
  6. P (Klein) – Mobil – Wählen Sie die kleinere Schriftgröße (kleiner als P (Normal)) für den gesamten Absatztext für Mobilgeräte.
  7. P (Groß) – Desktop – Wählen Sie die größere Schriftgröße (größer als P (Normal)) aller Absatztexte für den Desktop.
  8. P (Groß) – Mobil – Wählen Sie die größere Schriftgröße (größer als P (Normal)) für den gesamten Absatztext für Mobilgeräte.
  9. Zeilenhöhe - Geben Sie die Zeilenhöhe der Schriftart für Absatztext an (angegeben in em).
  10. Buchstaben-Abstand - Geben Sie den Abstand zwischen den Buchstaben des Absatztextes an (angegeben durch em).

Textauffüllung (Absätze)

Absatz - Geben Sie den Abstand für die Absätze auf Ihrer Website an.

Tasten

Schaltflächen sind Elemente, auf die Sie klicken oder tippen können, um bestimmte Aktionen auszuführen, z. B. das Absenden eines Formulars oder das Navigieren zu einer anderen Seite.

Von werden auf dieser Seite erläutert kannst Du:

  1. Schriftart – Hier können Sie die Schriftart für den Schaltflächentext auswählen.
  2. Gewicht - Legen Sie hier die Schriftstärke für den Schaltflächentext fest. Sie können zwischen Normal, Hell und Fett wählen.
  3. Größe groß) - Stellen Sie die große Schriftgröße für die Schaltflächen ein.
  4. Konfektionsgröße M) - Stellen Sie die mittlere Schriftgröße für die Schaltflächen ein.
  5. Kleine Größe) - Stellen Sie die kleine Schriftgröße für die Schaltflächen ein.
  6. Buchstaben-Abstand - Legen Sie hier den Abstand zwischen den Buchstaben des Schaltflächentexts fest (angegeben in em).

Dies ist der Text, der unten auf der Website erscheint, z. B. Copyright-Informationen, Haftungsausschlüsse usw. Fußzeilentexteinstellungen ermöglichen Ihnen, das Erscheinungsbild des Textes in der Fußzeile Ihrer Website anzupassen.

  1. Schriftart – Geben Sie den Schriftstil für den Fußzeilentext an.
  2. Gewicht - Legen Sie hier die Schriftstärke für den Fußzeilentext fest. Sie können zwischen normal, hell und fett wählen.
  3. Textgröße – Definieren Sie die Schriftgröße für den Fußzeilentext.
  4. Menügröße – Legen Sie die Schriftgröße für Fußzeilenmenüelemente fest.
  5. Größe des Site-Titels (Desktop) – Passen Sie die Größe des Site-Titels in der Fußzeile bei der Anzeige auf dem Desktop an.
  6. Größe des Site-Titels (mobil) – Passen Sie die Größe des Site-Titels in der Fußzeile bei der Anzeige auf Mobilgeräten an.
  7. Buchstaben-Abstand - Geben Sie den Abstand zwischen den Buchstaben für den Fußzeilentext an (gemessen in em).

Verschiedenes

Dies sind einige weitere Anpassungen unter den Schriftarteinstellungen. Aus werden auf dieser Seite erläutert kannst Du:

Dies wird angewendet, wenn Sie Bildtitel beim Hover anzeigen möchten.

    1. Hover-Schriftart – Hier können Sie die Schriftart für den Bildtiteltext auswählen, wenn Sie mit der Maus darüber fahren.
    2. Schwebegewicht – Legen Sie hier die Schriftstärke für den Bildtiteltext fest. Sie können zwischen Normal, Hell und Fett wählen.
    3. Schwebegröße – Legen Sie hier die Größe des Bildtiteltexts fest, wenn Sie mit der Maus darüber fahren.
    4. Buchstaben-Abstand - Legen Sie hier den Abstand zwischen den Buchstaben des Bildtiteltexts fest (angegeben in em).

Benutzerdefinierte Einstellungen zurücksetzen

Sie können die Schriftarteinstellungen ganz einfach auf die Standardeinstellungen zurücksetzen, wenn Sie Änderungen an der Schriftart vorgenommen haben, indem Sie sie bearbeitet haben, oder wenn Sie die Schriftarteinstellungen über „Erweiterte Bearbeitung“ angepasst haben.

Sie sehen eine Schaltfläche „Geändert“. Bewegen Sie den Cursor über die Schaltfläche, sie ändert sich in „Zurücksetzen“. Von hier aus können Sie die Änderungen auf das Original zurücksetzen.

Alternative Schriftarten von Google

Hier sind ein paar alternative Google-Schriftarten für einige beliebte Schriftarten:

  • Brandon Groteske – Josefin Sans
  • Sofia Pro – Poppins
  • Avenir – Lato or Prompt
  • Proxima Nova - Montserrat or Roboto
  • Proxima Soft – Nunito
  • DIN – Barlow
  • Charta – Source Serif Pro
  • Helvetica Neue – Roboto or Arbeit ohne
  • Whitney – Katamaran or Hirschkuh
  • Gotham – Montserrat
  • Tisa Serife – PT Serif
  • Museo Platte - Zilla Lätzchen or Roboto Slab
  • Optimal – Arsenal
  • Skolar – Quelle Serife
  • Buchstabe Gothic – Fira Mono
  • Segoe UI - Öffnen Sie ohne
  • Futura – Muli
  • Gibson – Noto ohne
  • Zona Pro – Poppins
  • Günstling – Hochroter Text
  • Mostra Nuova – Josefin Sans
  • Geogrotesk – Armee
  • Baskerville – Libre Baskerville
  • Wächter - Pastor
  • Neuzeit – Hirschkuh
  • Müller – Abril Fatface
Stichwort:

Können Sie nicht finden, wonach Sie suchen?

Wenden Sie sich an einen Pixpa-Experten.

Kontakt