So ändern Sie Schriftarten in WordPress [Der einfache Weg]

Möchten Sie die auf Ihrer WordPress-Site verwendete Schriftart ändern?

Mit den richtigen Tools ist es ganz einfach, die Schriftart Ihrer Website zu ändern oder mehrere neue Schriftarten hinzuzufügen. Folgen Sie diesem kurzen Tutorial, und in den nächsten Minuten wird eine neue Schriftart auf Ihrer Website angezeigt.

So verwenden Sie einfache Google-Schriften

Der beste Weg, um die Schriftart auf Ihrer Website zu ändern, ist das Easy Google Fonts- Plugin.

Dieses Plugin bietet Ihnen Zugriff auf Hunderte verschiedener Schriftarten, die Sie auf Ihrer Website verwenden können. Bevor wir mit dem Plugin fortfahren, nehmen wir uns einen Moment Zeit, um zu erklären, was Google Fonts ist.

Update: Mein neues Video-Tutorial führt Sie durch die Schritte (es verwendet ein anderes Plugin als das in diesem Tutorial).

Abonnieren Sie Compete Themes auf Youtube

Was sind Google-Fonts?

Google Fonts bietet Zugriff auf Hunderte von Schriftarten, die auf jeder Website kostenlos verwendet werden können. Für jeden Webentwickler, der seiner Website eine Schriftart hinzufügen möchte, macht Google Fonts es einfach.

Wenn Sie die Besonderheiten des Erstellens von Websites nicht kennen, kommt hier das Easy Google Fonts-Plugin ins Spiel. Es übernimmt die technischen Teile für Sie, Sie müssen also nur die Schriftarten auswählen, die Ihnen gefallen.

Ich habs? Großartig, lassen Sie uns diese Schriftarten hinzufügen!

Erstellen Sie Ihre Schriftartensteuerung

Wenn Sie das Plugin aktivieren, finden Sie unter Einstellungen einen neuen Google Fonts-Menüpunkt hinzugefügt. Auf dieser Seite finden Sie die folgenden Optionen:

Sie werden Ihrem "Schriften-Steuerelement" später Schriftarten zuweisen, sodass Sie mehrere Schriftarten-Steuerelemente mit unterschiedlichen Schriftarten und Einstellungen haben können. Im Moment müssen Sie nur Ihrem Schriftarten-Steuerelement einen Namen geben.

CSS-Selektor hinzufügen

Unter dem Namen des Steuerelements befindet sich ein Feld, in dem Sie die CSS-Selektoren definieren können, die Sie verwenden möchten. Wenn Sie nicht wissen, was ein CSS-Selektor ist, ist das kein Problem.

Es werden standardmäßig drei CSS-Selektoren hinzugefügt. Klicken Sie jeweils auf das „x”, um sie zu entfernen. Geben Sie nach dem Entfernen ein Sternchen (*) ein und drücken Sie die Eingabetaste. Die CSS-Selektoren-Einstellung sollte jetzt so aussehen:

Das Sternchen ist ein CSS-Selektor, der auf jedes HTML-Element auf der Site abzielt. Mit anderen Worten, Sie haben Easy Google Fonts gerade angewiesen, Ihre neue Schriftart für den gesamten Text auf der Website zu verwenden.

Stile überschreiben erzwingen

Ich empfehle, auch das Kontrollkästchen "Stile überschreiben erzwingen" zu aktivieren. Dadurch wird sichergestellt, dass die von Ihnen gewählte Schriftart die im Design verwendeten Schriftarten überschreibt. Die Verwendung dieser Option hat keine Nachteile, Sie können sie also genauso gut überprüfen, um eine Minute zu sparen, wenn die Schriftarten ohne sie nicht überschrieben werden.

Wähle deine neue Schriftart

Da Easy Google Fonts nun weiß, welche Teile Ihrer Website betroffen sind, können Sie ihm mitteilen, welche Schriftart verwendet werden soll.

Rufen Sie den Customizer auf, um mit der Auswahl der Schriftart zu beginnen (Darstellung > Anpassen). Klicken Sie dort auf den neuen Abschnitt Typografie.

EGF funktioniert hervorragend mit dem Thema Periode.

In diesem Abschnitt werden zwei neue Unterabschnitte angezeigt: Standardtypografie und Thementypografie. Klicken Sie auf den Abschnitt Thema Typografie.

Sie sehen nun das zuvor genannte Steuerelement. Klicken Sie auf die Schaltfläche Schriftart bearbeiten, um die Anpassungsoptionen anzuzeigen.

Es gibt einige Optionen, aber nur zwei müssen Sie bearbeiten.

Ändern Sie das Skript/die Untermenge

Schriftarten verfügen über Zeichensätze, die für verschiedene Sprachen ausgelegt sind. Wenn Ihre Site auf Englisch ist, wählen Sie die erste Option, Latein.

Wenn Sie „Alle Teilmengen” wählen, werden die Schriftdateien viel größer und die Ladezeiten verlängert.

Wählen Sie die Schriftfamilie

Hier können Sie endlich Ihre neue Schriftart auswählen. Wenn Sie verschiedene Schriftarten auswählen, wird Ihre Website sofort aktualisiert.

Dies ist zwar sicherlich eine großartige Möglichkeit, Schriftarten in der Vorschau anzuzeigen und zu ändern, aber es ist keine effiziente Methode zum Durchsuchen.

Ich empfehle Ihnen, Google Fonts zu besuchen, das zum Durchsuchen und Finden von Schriftarten gut konzipiert ist. Wenn Sie einige Schriftarten gefunden haben, die Ihnen gefallen, kehren Sie zu Ihrer Website zurück und probieren Sie sie mit Easy Google Fonts aus

Hinzufügen und Anpassen weiterer Schriftarten

Hoffentlich lieben Sie Ihre neue Schriftart inzwischen, aber mit Easy Google Fonts können Sie noch viel mehr tun.

Erinnern Sie sich an den Abschnitt Standardtypografie von früher? Damit können Sie Ihre Überschriften und Absätze anpassen. Darüber hinaus müssen Sie nicht nur die Schriftfamilie ändern, sondern können auch die Schriftgröße und -farbe ändern. Und wenn Sie mit einigen CSS-Selektoren vertraut sind, können Sie die Schriftart in jedem einzelnen Teil Ihrer Website anpassen.

Wenn Sie Fragen zum Ändern von Schriftarten mit WordPress oder eine Anfrage für ein neues Tutorial haben, hinterlassen Sie bitte unten einen Kommentar.