So ändern Sie die Website-Schriftart in WordPress

Das Anpassen Ihrer Website ist ein wichtiger Bestandteil der Erstellung und kann Ihre Leser und Kunden anziehen oder in Erstaunen versetzen. Lassen Sie uns Ihnen beibringen, wie Sie die Schriftart der Website in WordPress ändern

Site-Quelle auf WordPress
In der Lage zu sein, eine Vielzahl von Schriftarten auszuwählen, bedeutet nicht, dass Sie dies tun sollten

Die Quelle einer Website ist ein sehr wichtiges Detail und kann für den Erfolg oder Misserfolg Ihrer Website verantwortlich sein. Glaubst du nicht? Denken Sie also zum Beispiel an eine Braut-Website. Sie werden feststellen, dass das Logo eine vollständige Schriftart mit Rücken, feinen Linien, Kurven und allen anderen Extras haben kann, die es klassischer aussehen lassen. Aber stellen Sie sich vor, die gesamte Site mit dieser Schriftart zu lesen? Es gibt nicht.

Auf der anderen Seite kann es Sie auch sehr langweilig machen, wenn jedes Element Ihrer Website mit einer Standardschriftart versehen ist. Eine komplett weiße Website mit der Grundschrift, die wie ein Word-Dokument aussieht. Es ist auch nicht interessant. Es gibt zwei Extremfälle, die sehr gut passieren können und bestimmen, ob eine Site gut oder schlecht ist.

Aber wie kann man die Schriftart der Website ändern? Darüber werden wir in diesem Tutorial sprechen. Sie werden in der Lage sein zu lernen, wie Sie die Schriftart Ihrer Site ändern können, entweder durch Programmierung oder einige gute Plugins, um diese Aufgabe zu erledigen. Wenn Sie keine Programmierkenntnisse haben, empfehlen wir die Verwendung von Plugins, schließlich kümmern sie sich bereits um den gesamten Codeteil der Site und verhindern, dass Sie versehentlich etwas falsch ändern und den Rest beschädigen.

Schnelle FAQ

Sie können in diesem Artikel die Plugins Google Easy Fonts, WP Google Fonts, Use Any Font, MW Font Changer und Tiny MCE Advanced kennenlernen. Was ist CSS?

Das bedeutet, dass Cascading Style Sheets (CSS) Code zum Ändern oder Hinzufügen von Stilen (z. B. Farben, Schriftarten, Abstände und andere) zu einem Dokument im Web ist

-- Werbung --
Welche Plugins kann ich verwenden, um die Schriftart meines WordPress-Themes zu ändern?

In diesem Artikel finden Sie die Plugins Google Easy Fonts, WP Google Fonts, Use Any Font, MW Font Changer und Tiny MCE Advanced

Kann ich jede beliebige Schriftart in meinem WordPress-Theme verwenden?

Ja, kostenpflichtige Schriftarten müssen vor dem Hinzufügen zur Site erworben werden.


Wo kann ich kostenlose Schriftarten herunterladen?


Website-Schriftart in WordPress ändern: So geht's

Möchten Sie Ihrer WordPress-Site etwas Individualismus oder Branding hinzufügen? Eine gute Möglichkeit, dies zu tun, besteht darin, die Schriftarten in Ihrem Design zu ändern. Allerdings sind nicht alle WordPress-Benutzer gleich und haben das gleiche Wissen. Das Ändern des Themas über CSS könnte für einige Benutzer mit Programmierkenntnissen einfacher sein und dies individuell durch den richtigen Code tun.

-- Werbung --

Während einige Benutzer, die eine neue Schriftart benötigen, sich möglicherweise nicht so wohl fühlen, mit CSS und Code herumzuspielen, benötigen sie eine einfachere Option. „Visueller“ und mit ein oder zwei Klicks schnell erledigt. In diesem Artikel zeigen wir Ihnen also mehrere Optionen zum Aktualisieren und Ändern von Schriftarten in Ihrem WordPress-Theme.

So ändern Sie Schriftarten in WordPress-Themes

Ein WordPress-Designer kann bestimmte Schriftarten für bestimmte Bereiche eines Themas auswählen. Um die Schriftarten eines WordPress-Themes zu ändern, müssen Sie im CSS-Skript angeben, dass Sie die Schriftart für diesen bestimmten Bereich rendern (Kopfzeile, Fußzeile, Textkörper usw.)

Wenn Sie eine völlig neue Schriftart verwenden möchten, müssen Sie diese über die @font-face-Regel vorcodieren. Das erste, was Sie tun müssen, ist eine Schriftart auszuwählen, die für die Verwendung im Web lizenziert ist. Als nächstes müssen Sie Ihre gewählte Schriftart auf den Server hochladen. Schließlich müssen Sie Ihre Schriftfamilie oben in style.css definieren. Wir empfehlen, aus Sicherheitsgründen ein einfaches Design zu verwenden, vorzugsweise nicht in Ihrem eigenen Website-Design. Sehen Sie ein Beispiel mit der Schriftart „Museo 300“

@font-face {font-family: Museo300; src: local('Museo300-Regular'), url(“fonts/Museo300-Regular.ttf”) format('truetype'); Schriftstärke: normal;}

1. Schriftart global ändern

Das globale Ändern Ihrer Schriftart in Ihrem Design ist so einfach wie die Eingabe einer Codezeile. Sie finden es in Ihrem Theme-Editor, indem Sie auf der Registerkarte "Erscheinungsbild" auf "Editor" klicken. Unten auf der Seite finden Sie das CSS-Stylesheet des Themes. Hier werden die Quellen definiert.

Fügen Sie diese Codezeile oben in Ihrem Stylesheet ein:

-- Werbung --
*{font-family:"Schriftname"}

2. Ändern Sie die Schriftart für bestimmte Themenbereiche

In den meisten Fällen möchten Sie unterschiedliche Schriftarten für verschiedene Bereiche Ihrer Website verwenden. Das Identifizieren von Schriftbereichen kann jedoch Kopfschmerzen bereiten, da WordPress-Themes Schriften auf so viele verschiedene Arten verwenden. Tatsächlich können Schriftarten überall verwendet werden (nicht dass dies empfohlen wird, aber Sie können).

Meistens befindet sich eine bestimmte Schriftart im Hauptteil der Website. Dies ist eine umfassende Schriftart und wird verwendet, um die Quelle von Schriftarten auf der Website zu ermitteln, die nicht durch ein bestimmtes Tag, eine bestimmte Klasse oder ein bestimmtes Div definiert sind.

Körper {Schriftfamilie: Verdana, Arial, Helvetica, Futura, Sans-Serif; Schriftgröße: 1in; Polsterung: 0; Rand: 0; }

Schriftarten in Post-Inhalten befinden sich normalerweise in den folgenden CSS-Klassen: Inhalt, Beitrag, Eintrag und Beitragseintrag.

So ändern Sie die Schriftgröße in WordPress

Zusätzlich zum Hinzufügen einer einzigartigen Schriftart zu Ihrer WordPress-Site müssen Sie die Schriftgröße anpassen. Es gibt einige Möglichkeiten, die Schriftgröße und Textformatierung in WordPress zu erhöhen oder zu verringern. Die erste Methode wäre, die Header-Größen anzupassen. Im visuellen Editormodus können Sie alle verfügbaren Elemente auf der Registerkarte "Absatz" sehen. Sie können die Schriftgröße, die Ihr Theme für Absätze verwendet, mithilfe von CSS-Code anpassen, wenn Sie wissen, wie es geht.

Wo bekomme ich Schriftarten für mein WordPress-Theme?

-- Werbung --

Es gibt einige Websites, auf denen Sie kostenlose Schriftarten herunterladen können, um sie in die Website aufzunehmen. Einige Plugins bringen diese Quellen bereits direkt mit, aber wenn Sie sie einzeln herunterladen möchten, empfehlen wir die folgenden Seiten:

  • Google-Schriften: Die Google-Website ist das größte Repository für kostenlose Schriftarten. Sie können sie auch auf Ihrem Computer verwenden und in Ihr WordPress-Theme einbinden. Alles kostenlos.
  • Adobe Edge-Webschriftarten: Eine Website für kostenlose Schriftarten, die für die Verwendung in Adobe-Produkten entwickelt wurde, aber sie funktionieren auf jeder Website einwandfrei. Es ist auch kostenlos.
  • Fonts.com: Hier haben Sie einige Optionen für kostenpflichtige Schriftarten. Das Gute daran ist, dass Sie eine „exklusivere“ Schriftart haben und sich von Ihrer Konkurrenz abheben können.
  • Schriftstoff: Dies ist für diejenigen, die sich wirklich differenzieren und einige einzigartige Schriftarten haben möchten. Die Schriftarten sind kostenpflichtig, bieten aber einige Dinge, die Sie normalerweise nicht sehen.

WordPress Font-Plugins

Wenn Sie sich nicht als Experte für Technologie und Codierung betrachten oder einfach nicht mit dem Code herumspielen möchten, ist die Verwendung eines Plugins zum Anpassen von Schriftstilen der richtige Weg für Sie. Die Realität ist, dass sich viele Menschen an WordPress wenden, weil ihnen das Programmieren fremd ist.

So wie Sie ein Plugin verwenden können, um Sie durch gute SEO-Praktiken zu führen, möchten Sie möglicherweise ein Plugin verwenden, um die richtigen Schriftarten auszuwählen und zu definieren, welche auf Ihrer Website am besten aussehen. Ganz zu schweigen davon, dass es viel einfacher ist, mit den verschiedenen Schriftarten zu experimentieren und zu entscheiden, welche für Sie am besten geeignet ist.

Im Plugin-Verzeichnis gibt es viele kostenlose Font-Ressourcen, die Ihnen helfen können, das gewünschte Design zu erhalten. Lassen Sie uns also einige vorschlagen, die Ihnen auf dieser Reise helfen können. Denken Sie daran, dass diese Plugins mit kostenlosen Schriftarten funktionieren! Sie können eine Schriftart Ihrer Wahl kaufen und auch zu Ihrer Site hinzufügen, und im Allgemeinen können Sie dies mit der oben beschriebenen Methode tun, aber das liegt an Ihnen!

Einfach Google Fonts

Einfache Google-Schriftarten
Einfach Google Fonts

Google hat eine riesige Sammlung von Schriftarten und Einfach Google Fonts bietet eine einfache und einfache Möglichkeit, benutzerdefinierte Google-Schriften zu jedem WordPress-Theme hinzuzufügen, ohne zu programmieren. Dieses Plugin lässt sich in WordPress Customizer integrieren, sodass Sie Google-Schriften in Echtzeit auf Ihrer Website anzeigen können. Sie können die Farbe jeder Kopfzeile ändern, um sie zu unterscheiden. Finden Sie eine Schriftfamilie, die Ihnen gefällt, und spielen Sie mit verschiedenen Versionen davon.

-- Werbung --

WP Google Fonts

Wp Google-Schriften
WP Google Fonts

Wenn das obige Plugin nicht das Richtige für Sie ist, probieren Sie es aus WP Google Fonts. Das WP Google Font-Plugin macht es noch einfacher, den kostenlosen Dienst von Google zu nutzen, um Ihrer WordPress-Site hochwertige Schriftarten hinzuzufügen. Dieses Plugin fügt nicht nur den notwendigen Google-Code hinzu, sondern bietet auch die Möglichkeit, vom WordPress-Administrator aus bestimmten CSS-Elementen auf Ihrer Website Google-Schriften zuzuweisen. Es ist eine großartige Möglichkeit, Ihre Website aufzupeppen, ohne viel Entwicklungserfahrung oder Programmierkenntnisse zu haben.

Verwenden Sie einen beliebigen Schriftart

Verwenden Sie eine beliebige Schriftart
Verwenden Sie einen beliebigen Schriftart

Im Gegensatz zu den oben genannten Optionen ist mit dem Verwenden Sie einen beliebigen Schriftart, können Sie jede beliebige Schriftart verwenden, solange sie das richtige Format hat. Buchstäblich jede Schriftart, die Sie im Web finden, können Sie nehmen und zu Ihrer Site hinzufügen.

Das Plugin integriert sich in den Editor, sodass Sie jeden beliebigen Abschnitt hervorheben und die Schriftart direkt dort ändern können. Sie müssen keine Masterschriftart für Ihr Design auswählen, aber Sie können während des Schreibens wählen, was Sie möchten. Wenn das nach viel Arbeit klingt, gibt es die Möglichkeit, Ihrer gesamten Site eine Schriftart und für jedes Element eine andere Schriftart zuzuweisen. Das Plugin ist kostenlos und hat über 100.000 aktive Plugins.

MW Schriftwechsler

mw Schriftwechsler
MW Schriftwechsler

MW Schriftwechsler ermöglicht es Benutzern, eine Auswahl von Schriftarten zu aktivieren, die sich auf persische, arabische und lateinische Sprachen beziehen. Dieses Plugin bietet Schriftarten für über 30 Sprachen. Es ist ein praktisches Werkzeug für alle, die eine Website erstellen möchten, die mit anderen Sprachen spricht, insbesondere solchen, die auf Symbolen oder Ideogrammen basieren, wie beispielsweise eine Website, die das Schreiben auf Japanisch lehrt.

Winziger MCE Advanced

Tiny Mce fortgeschritten
Winziger MCE Advanced

O Winziger MCE Advanced ermöglicht Ihnen das Hinzufügen, Entfernen und Organisieren der Schaltflächen, die auf der Symbolleiste des visuellen Editors angezeigt werden. Mit diesem Plugin können Sie die Schaltflächen hinzufügen, entfernen und organisieren, die in der WordPress Visual Editor-Symbolleiste in Absatz- oder klassischen Absatzblöcken im Blockeditor und im klassischen Editor (wenn durch ein anderes Plugin geändert) angezeigt werden. Dort können Sie bis zu vier Reihen von Schaltflächen konfigurieren, darunter Schriftgrößen, Schriftfamilie, Text- und Hintergrundfarben, Tabellen usw.

-- Werbung --

Jetzt liegt es an Ihnen. Wenn Sie lernen möchten, wie Sie eine WordPress-Site von Grund auf neu erstellen, haben wir eine Anleitung, die Ihnen den Einstieg erleichtert, sowie noch ein paar tipps. Hinterlassen Sie also in den Kommentaren, was Sie von unserem Tutorial halten. Hast du noch andere Font-Tipps zu WordPress? Viel Spaß und lesen Sie mehr über Technologie auf unserer Website.

Avatar von Paulo Fabris

Paulo Fabris ist seit TV Manchete Journalist, Autor, RPG-Spieler, Spieler, Cosplayer, Nerd und Fan von Anime.