ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Search
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
Lektüre: So fügen Sie Google Fonts zu WordPress hinzu
Aktie
Benachrichtigung Zeig mehr
Neuesten Nachrichten
macOS: So verwenden Sie Schnellaktionen im Finder
Wie man
Verwenden Sie Haptic Touch, um schnelle Aktionen auf dem iPhone auszuführen (2023)
Wie man
iOS 16.4 Beta: So aktivieren Sie die Sprachisolation für Mobiltelefonanrufe
Wie man
Bewertung: OWC ThunderBay 8 bietet hochvolumigen, leistungsstarken Mac-Speicher
Technische Bewertungen
So erstellen Sie ein GIF in Photoshop
Wie man
Aa
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Aa
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
Search
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Folge uns
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren > Blog > Tutorials > So fügen Sie Google Fonts zu WordPress hinzu
Tutorials

So fügen Sie Google Fonts zu WordPress hinzu

Zuletzt aktualisiert: November 16, 2021 9:36 am
ThemeLocal vor 1 Jahr 9 Minuten Mindestlesezeit
Aktie
9 Minuten Mindestlesezeit
Aktie

Eine Möglichkeit, das Design und die Professionalität Ihrer Website dramatisch zu verbessern, besteht darin, großartige Schriftarten zu verwenden.

Contents
Warum sollte ich Google Fonts verwenden?Wie verwende ich Google Fonts auf meiner Website?WordPress-Plugins zum Hinzufügen von Google FontsWelche Schriftarten sollte ich verwenden?SchriftklassifizierungenBewährte Vorgehensweisen für Schriftarten für das WebdesignZusammenfassung von Google Fonts für WordPress

Die meisten Leute denken nie darüber nach, welche Schriftart sie auf ihrer Website verwenden. Wenn Sie jedoch Ihr eigenes Thema entwickeln oder ein Thema bearbeiten, das Sie derzeit installiert haben, sollte eine gute Schriftartenauswahl ein großer Teil des Prozesses sein.

Die Auswahl einer Schriftart oder Schriftartenkombination für Ihre Website war früher eine einfache und ehrlich gesagt ziemlich langweilige Aufgabe. Es gab nur sehr wenige websichere Schriftarten, die Sie verwenden konnten, aber angesichts der großen Anzahl von weboptimierten Schriftarten, die ständig erstellt werden, kann es schwierig sein, herauszufinden, welche Sie verwenden sollten.

Mit der Erstellung von Google-Schriften und den über 900 Schriftfamilien, die Ihnen jetzt zur Verfügung stehen, ist der Prozess der Auswahl einer guten Schrift noch komplexer. In den letzten Jahren hat die Entwicklung rund um Google Fonts jedoch die Implementierung Ihrer Entscheidungen viel einfacher als je zuvor gemacht.

Warum sollte ich Google Fonts verwenden?

Google Fonts hat sich zu einer der besten Ressourcen für Schriftarten entwickelt, die Ihnen heute im Web zur Verfügung steht.

Es stehen Ihnen nicht nur mehr als 900 Schriftfamilien zur Verfügung, sondern alle sind Open-Source-Schriften, die von jedem erstellt und verbessert werden können.

Designer, die Schriftarten erstellen, müssen einen Prüfungsprozess durchlaufen, damit ihre Schriftart in das Verzeichnis von Google aufgenommen wird. Das bedeutet, dass Schriftarten nicht nur Zugriff auf Tausende von Designern auf der ganzen Welt haben, sondern dem Verzeichnis nicht hinzugefügt werden können, ohne zuvor sicherzustellen, dass sie vollständig und weboptimiert sind.

Die Verwendung verschiedener Schriftarten in der Vergangenheit bedeutete, dass die Benutzer die Schriftart auf ihrem eigenen Computer installieren mussten, damit der Browser sie richtig anzeigen konnte. Mit Google Fonts werden alle Schriftarten direkt aus dem Google-Verzeichnis aufgerufen, um sicherzustellen, dass sie auf praktisch jedem Computer mit jedem Browser funktionieren. Dies eröffnet eine nie dagewesene Gestaltungsfreiheit für die Entwicklung von Websites.

Wie verwende ich Google Fonts auf meiner Website?

Einige WordPress-Themes wie die Gesamtes WordPress-Theme Fügen Sie in das Design integrierte Optionen ein, mit denen Sie Ihre Google-Schriftarten einfach ändern können. Navigieren Sie einfach zum Anpasser und klicke auf Typografie Registerkarte, um Hauptschriftarten, Schriftgröße, Schriftstärke und sogar den Zeilenabstand für Elemente im gesamten Design zu bearbeiten.

Gesamte Theme-Schriftarten-Optionen

Wenn Sie jedoch ein anderes Design verwenden, können Sie Google Fonts manuell hinzufügen oder ein Plugin verwenden.

WordPress-Plugins zum Hinzufügen von Google Fonts

Infos & Download

Eines der besten kostenlosen Plugins zum Hinzufügen von Google Fonts zu Ihrer Website ist die Verwendung des kostenlosen Easy Google Fonts Plugins, das Sie aus dem WordPress-Repository herunterladen können. Am einfachsten ist es jedoch direkt von Ihrem WordPress-Dashboard herunterzuladen. Melden Sie sich einfach bei Ihrer WordPress-Site an und gehen Sie zu Plugins > Neu hinzufügen. Dann suchen Sie einfach nach „Easy Google Fonts“ für eine schnelle und einfache Installation.

Info & DownloadDemo ansehen

Ein weiteres großartiges Plugin zum Anpassen Ihrer Schriftarten auf der Website ist das Yellow Pencil Live CSS-Editor-Plugin (das kostenlos in unserem New York WordPress Theme enthalten ist). Der Vorteil dieses Plugins besteht darin, dass Sie nicht nur die Schriftarten Ihrer Website über eine einfache Click-and-Edit-Methode ändern können. Sie können auch alle Farben, Schriftgrößen, Schriftstärken, Abstände, Ränder usw. Ihres WordPress-Themes anpassen.

Welche Schriftarten sollte ich verwenden?

Auch die größte Stärke des Google Fonts Directory kann Ihnen das Leben schwer machen. Es stehen so viele Schriftarten zur Verfügung, dass es eine Herausforderung sein kann, eine anständige Schriftartkombination zu finden und auszuwählen.

Welche Schriftarten Sie wählen, hängt ganz davon ab, was Sie mit Ihrem Design vermitteln möchten. Schriftarten werden verwendet, um das Interesse der Leser der Website zu wecken. Sie werden verwendet, um auf verschiedene Aspekte der Website aufmerksam zu machen, und ein großartiger Designer kann mit sehr feinen Unterschieden in den verwendeten Schriftarten Wunder bewirken.

Eine Sache, die Sie verstehen müssen, ist der Unterschied zwischen einer Schriftart und einer Schriftart. Diese beiden Begriffe werden häufig und fälschlicherweise synonym verwendet. Eine Schriftart ist die vollständige Sammlung von Buchstaben, Zahlensymbolen usw. Wenn Sie sich auf das Design dieser Sammlung beziehen, würden Sie sie als Schriftart bezeichnen.

Schriftklassifizierungen

Es gibt verschiedene Klassifizierungen, die auf Schriften angewendet werden können. Sie sind: Serif, Sans Serif, Display, Handschrift (oder Skript) und Monospace. Es gibt andere, die im Druck verwendet werden, aber wir müssen uns jetzt nicht darum kümmern.

Was sind also die Unterschiede zwischen ihnen?

Serife Schriftarten haben einen Schwanz, der am Rand jedes Zeichens hängt.

Serifenschrift

Serifenlos Schriftarten haben keine Schwänze.

Serifenlose Schrift

Anzeige Schriften sind ungewöhnlich und dekorativ.

Schriftart anzeigen

Handschrift Schriftarten sehen aus wie handgeschriebene Kursiv- oder Blockschrift.

Handschrift-Schriftart

Zuletzt, Monoraum Schriftarten bestehen aus Zeichen, die jeweils genau den gleichen Platz einnehmen.

Monospace-Schriftart

Bewährte Vorgehensweisen für Schriftarten für das Webdesign

Bei der Auswahl der zu verwendenden Schriftarten sind einige Best-Practice-Richtlinien zu beachten.

Es ist eine gute Idee, Vermeiden Sie die Verwendung von mehr als zwei verschiedenen Schriftarten in Ihrem Site-Design. Es kann schwierig sein, mehr als zwei Schriftarten auszugleichen. Und das Mischen von mehr als zwei Schriftarten auf einer Website kann zu ernsthaften visuellen Problemen führen.

Wenn Sie zwei verschiedene Schriftarten verwenden, zum Beispiel eine für Titel und eine für Inhalt, stellen Sie sicher, dass Sie diese nicht aus derselben Schriftklassifikation auswählen. Es ist am besten Schriften kombinieren. Mit anderen Worten, vermeiden Sie die Verwendung von zwei verschiedenen Serifen-Schriften oder zwei verschiedenen serifenlosen Schriftarten.

Es gibt Schriftarten, die für Titel wirklich gut funktionieren, aber nicht ideal für Textkörper sind und umgekehrt. Es gibt Websites, die Schriftarten für ihren Inhalt verwenden, die schwer zu lesen sind. Inhaltsschriften sollten sauber und gut lesbar sein wohingegen Titelschriftarten sollten für maximale Wirkung verwendet werden und um auf bestimmte Bereiche Ihrer Website aufmerksam zu machen.

Zusammenfassung von Google Fonts für WordPress

Wie Sie vielleicht zu schätzen wissen, kann die Auswahl von Schriftarten für Ihr Website-Design ein kniffliger und komplizierter Prozess sein. Bei der Entscheidung geht es um viel mehr, als einfach nur zwei beliebige Schriftarten auszuwählen.

Es gibt mehrere Dinge, auf die Sie bei Ihrer Auswahl achten sollten. Stellen Sie sicher, dass Ihre Header-Klassenhierarchie ausgewogen ist und dass Header-Tags in der relativen Größe reduziert werden.

Die halbe Miete eines guten Site-Designs und einer guten Typografie besteht darin, mit Ihren Schriftarten konsistent zu sein. Dazu gehören Schriftgrößen, Strichstärken und Abstände. Die Verwendung von Google Fonts und dem Google Typography-Plugin macht diesen gesamten Prozess viel einfacher als je zuvor. Trotz dieser Ressourcen ist eine professionelle und ausgewogene Typografie immer noch eine Herausforderung.

Wenn Sie sich immer noch nicht sicher sind, welche Entscheidungen Sie treffen, und sich verirren, wenn Sie versuchen, die Unterschiede zwischen all Ihren Optionen herauszufinden. Es kann an der Zeit sein, dass sich ein professioneller Designer Ihre Website ansieht.

Haben Sie Google Fonts auf Ihrer Website implementiert? Haben Sie ein Design von Grund auf neu erstellt, das Google Fonts enthält? Wir würden uns freuen, Ihre Gedanken zur Typografie und Ihren Lieblingsschriftarten in den Kommentaren unten zu hören.

Verwandter Beitrag

macOS: So verwenden Sie Schnellaktionen im Finder

Verwenden Sie Haptic Touch, um schnelle Aktionen auf dem iPhone auszuführen (2023)

iOS 16.4 Beta: So aktivieren Sie die Sprachisolation für Mobiltelefonanrufe

So erstellen Sie ein GIF in Photoshop

Vollformat vs. APS-C: Welchen Kamerasensor sollten Sie wählen?

MARKIERTE: Fonts, fügen, Google, hinzu, Sie, WordPress
ThemeLocal November 16, 2021
Teile diesen Artikel
Facebook Twitter Pinterest Whatsapp Whatsapp
Aktie
Was denkst du?
Liebe0
Traurig0
Glücklich0
Schläfrig0
Wütend0
kein Kommentar0
Zwinkern0
Vorheriger Artikel Die 10 besten WordPress-Paginierungs-Plugins
Nächster Artikel So verwalten Sie mehrere WordPress-Sites mit MainWP
Hinterlasse einen Kommentar

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Berühmter Post

NordVPN Standard vs. NordVPN Complete: Welches Bundle ist das Richtige für dich?
Gegen
Das unbegrenzte Datenangebot für das iPhone 14 ist gerade noch günstiger geworden
Angebote
Groove Pillow Bewertung
Technische Bewertungen
So drucken Sie Google Docs von iPhone und iPad – schnell und einfach (2023)
Wie man
iOS 16.4 Beta: So aktivieren Sie die Sprachisolation für Mobiltelefonanrufe
Wie man
So erhalten Sie ChatGPT auf Ihrer Apple Watch
Wie man

También podría gustarte

Wie man

macOS: So verwenden Sie Schnellaktionen im Finder

vor 2 Minuten 3 Minuten Mindestlesezeit
Wie man

Verwenden Sie Haptic Touch, um schnelle Aktionen auf dem iPhone auszuführen (2023)

vor 26 Minuten 4 Minuten Mindestlesezeit
Wie man

iOS 16.4 Beta: So aktivieren Sie die Sprachisolation für Mobiltelefonanrufe

vor 5 Stunden 3 Minuten Mindestlesezeit
Wie man

So erstellen Sie ein GIF in Photoshop

vor 8 Stunden 3 Minuten Mindestlesezeit
Gegen

Vollformat vs. APS-C: Welchen Kamerasensor sollten Sie wählen?

vor 9 Stunden 3 Minuten Mindestlesezeit
Wie man

SharePlay: So trainieren Sie mit Freunden mit Apple Fitness Plus

vor 9 Stunden 3 Minuten Mindestlesezeit
Angebote

Mit diesem SIM-Karten-Schnäppchen erhalten Sie 60 GB Daten für nur 10 £

vor 13 Stunden 2 Minuten Mindestlesezeit
Wie man

Fokusmodus funktioniert nicht? Probieren Sie diese 8 Tipps zur Fehlerbehebung aus

vor 14 Stunden 8 Minuten Mindestlesezeit
Zeig mehr
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Folge uns

© 2022 Themelocal. Alle Rechte vorbehalten.

  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt

Removed from reading list

Rückgängig machen
Welcome Back!

Sign in to your account

Passwort vergessen?