Entwerfen Sie die Stimme Ihrer Marke

Veröffentlicht: 2022-10-18

Wenn Sie eine selbst gehostete WordPress-Site verwenden, haben Sie die Freiheit, beliebige Schriftarten zu installieren. Dadurch haben Sie die Möglichkeit, das Design Ihrer Website perfekt an die Stimme Ihrer Marke anzupassen. In diesem Artikel zeigen wir dir, wie du benutzerdefinierte Schriftarten zu deiner WordPress-Seite hinzufügst. Wir werden zwei Methoden zum Hinzufügen von Schriftarten zu WordPress behandeln. Die erste Methode ist die Installation von Schriftarten mit dem WordPress Customizer. Die zweite Methode ist die Installation von Schriftarten mit einem Plugin. Die Installation von Schriftarten mit dem WordPress Customizer ist die empfohlene Methode. Es ist eine schnelle und einfache Möglichkeit, Schriftarten zu Ihrer Website hinzuzufügen, ohne Code bearbeiten zu müssen. Gehen Sie folgendermaßen vor, um Schriftarten mit dem WordPress Customizer zu installieren: 1. Melden Sie sich bei Ihrer WordPress-Site an und gehen Sie zu Anpassen. 2. Klicken Sie auf die Registerkarte Schriftarten . 3. Verwenden Sie die Suchleiste, um die Schriftarten zu finden, die Sie installieren möchten. 4. Klicken Sie für jede Schriftart, die Sie installieren möchten, auf die Schaltfläche Zur Sammlung hinzufügen. 5. Klicken Sie auf die Schaltfläche Veröffentlichen, um Ihre Änderungen zu speichern. Ihre Schriftarten stehen nun zur Verwendung auf Ihrer WordPress-Site zur Verfügung. Wenn Sie nach mehr Kontrolle über Ihre Schriftarten suchen oder Schriftarten verwenden möchten, die nicht im WordPress Customizer verfügbar sind, können Sie Schriftarten mithilfe eines Plugins installieren. Es gibt einige Plugins zum Hinzufügen von Schriftarten zu WordPress. Wir empfehlen die Verwendung des Easy Google Fonts-Plugins. Es ist ein kostenloses Plug-in, mit dem Sie Ihre Schriftarten ganz einfach hinzufügen, anpassen und verwalten können. Gehen Sie folgendermaßen vor, um das Easy Google Fonts-Plugin zu installieren: 1. Melden Sie sich bei Ihrer WordPress-Site an und gehen Sie zu Plugins. Klicken Sie auf die Schaltfläche Neu hinzufügen. Verwenden Sie die Suchleiste, um das Easy Google Fonts-Plugin zu finden. Klicken Sie auf die Schaltfläche Jetzt installieren. Klicken Sie auf die Schaltfläche Aktivieren. 6. Gehen Sie zu Darstellung und klicken Sie auf die Registerkarte Schriftarten. 7. 8. 9. Das Hinzufügen benutzerdefinierter Schriftarten zu Ihrer WordPress-Site ist eine großartige Möglichkeit, die Schriftarten Ihrer Site anzupassen

Mit dem Easy Google Fonts-Plugin können Sie benutzerdefinierte Schriftarten zu WordPress-Websites hinzufügen. Es ist eine fantastische Gelegenheit, eine beeindruckende Sammlung von Schriftarten auf Ihrer Website zu nutzen. Die Verwendung der richtigen Typografie kann zu einer Vielzahl von Vorteilen führen. Es ist entscheidend, dass Ihre Website für Ihre Kunden so benutzerfreundlich und verständlich wie möglich ist. Sie können auch den Stil und die Positionierung der von Ihnen ausgewählten Schriftarten ändern, indem Sie CSS-Eigenschaften verwenden. Wenn Sie außerdem die Schriftsteuerelemente für Ihr WordPress-Plugin ändern möchten, können Sie dies tun, indem Sie zur Einstellungsseite gehen. Es ist eine großartige Alternative zu Adobe Fonts, wenn Sie kein Plugin verwenden möchten.

Mit dem Plug-in „ Custom Adobe Fonts “ können Sie diese Schriftarten ganz einfach in Ihre WordPress-Website integrieren. Rufen Sie vor der Installation des Plugins die umfangreiche Schriftartenbibliothek von Adobe auf und wählen Sie eine Schriftart aus, die für Sie geeignet ist (zu Beginn müssen Sie sich registrieren). Nachdem Sie eine Schriftart ausgewählt haben, die Ihnen gefällt, können Sie sie zu Ihrem Webprojekt hinzufügen, indem Sie oben rechts auf der Seite auf die Schaltfläche „Zum Webprojekt hinzufügen“ klicken. Mit diesem Tool können Sie Schriftartkombinationen nach Belieben in der Vorschau anzeigen und anpassen, wodurch sich Schriftarten einfacher kombinieren lassen. Benutzerdefinierte Schriftarten finden Sie auf einer Reihe großartiger Websites, die von Designern entworfen wurden und einen hohen Detaillierungsgrad aufweisen. Die Schriftart Squirrel zum Beispiel verfügt über eine riesige Schriftartenbibliothek und ein einfaches Implementierungsformat. @Font-Face hat ein Webfonts-Kit, das Sie herunterladen können.

Es sollte auf Ihrer WordPress-Website installiert werden. Sie müssen nach dem Kauf des Kits Ihr eigenes CSS-Stylesheet erstellen, das eine Schriftdatei sowie ein Stylesheet mit dem benötigten Code enthält. Beispielsweise müssen wir bei der Entwicklung der OpenSans-ExtraBold-Web-Schriftart das folgende CSS verwenden. Die beste Option ist, alle Schriftdateien in einem bestimmten Verzeichnis zu speichern.

Wie verwende ich Schriftarten in WordPress?

Bildnachweis: noupe.com

Das Hinzufügen und Verwenden von benutzerdefinierten Schriftarten in WordPress ist ein zweistufiger Prozess. Zuerst müssen Sie die gewünschte Schriftart herunterladen oder kaufen. Als Nächstes müssen Sie die Schriftartdatei auf Ihre WordPress-Site hochladen. Sobald die Schriftartdatei hochgeladen ist, können Sie sie zu Ihrem WordPress-Design hinzufügen. Öffnen Sie dazu den WordPress Customizer und navigieren Sie zum Bereich „Typografie“. Im Abschnitt „Typografie“ sehen Sie eine Liste aller Schriftarten, die Sie auf Ihre WordPress-Site hochgeladen haben. Wählen Sie die Schriftart, die Sie verwenden möchten, aus der Liste aus und speichern Sie dann Ihre Änderungen. Das ist alles, was zum Hinzufügen und Verwenden von benutzerdefinierten Schriftarten in WordPress erforderlich ist. Indem Sie diesen Schritten folgen, können Sie ganz einfach jede benutzerdefinierte Schriftart hinzufügen, die Sie auf Ihrer WordPress-Site verwenden möchten.

Eine benutzerdefinierte Schriftart kann ein schwieriger und zeitaufwändiger Prozess zum Erstellen Ihrer WordPress-Website (oder jeder anderen Website) sein. Es ist möglich, die Ziele einer Website (bewusst oder unbewusst) durch die Verwendung einer benutzerdefinierten Schriftart zu vermitteln. Benutzerdefinierte Schriftarten werden verwendet, um Zeitschriften- und Zeitungswebsites von ihren Mitbewerbern zu unterscheiden. Benutzerdefinierte Schriftarten hingegen müssen nicht ausschließlich großen Verlagen vorbehalten sein. WordPress verfügt über eine Reihe von Plugins, mit denen Sie kostenlose Webfont-Sammlungen wie Google-Fonts installieren können. Wenn Sie mehr als eine benutzerdefinierte Schriftart verwenden möchten, müssen Sie zunächst für einen Premium-API-Schlüssel bezahlen. Es gibt viele Schriftarten, die für die Verwendung auf Ihrem Computer lizenziert sind, jedoch nicht für andere Zwecke.

Es mag übertrieben erscheinen zu sagen, dass die Verwendung einer Schriftart auf Ihrer Website Sie in heißes Wasser bringen könnte, aber Sie liegen wahrscheinlich mit Ihrer Einschätzung richtig. Um fair zu sein, Schriftarten sind eine Kunst, also müssen Sie essen, also bleiben Sie cool und stellen Sie sicher, dass sie ordnungsgemäß lizenziert sind. Sie können eine Fülle von kostenlosen WordPress- und Web-Schriftarten finden. Haben Sie keine Angst, das Richtige zu tun. Suchen Sie nach einer anderen Typografie, wenn Ihre Website nach der Verwendung benutzerdefinierter Schriftarten träge war. Times New Roman verwendet Schriftarten mit Serifen, aber die Gewichte und Größen der Schriftarten unterscheiden sich. Wir bieten die bestmögliche Leistung, also scheuen Sie sich nicht zu fragen. GreenGeeks verwendet WordPress als Plattform.

Die Vorteile der Verwendung benutzerdefinierter Schriftarten auf Ihrer WordPress-Site

Benutzerdefinierte Schriftarten für deine WordPress-Seite können sie professioneller erscheinen lassen. Indem Sie die Schriftarten auf Ihren WordPress-Hosting-Server hochladen, können Sie von jedem Design oder Plugin aus problemlos darauf zugreifen. Aufgrund der Plugin-Architektur von WordPress können Sie sogar Google Fonts und andere Funktionen anderer WordPress-Plattformen verwenden, um Ihre eigene benutzerdefinierte Schriftart zu erstellen.


Wp-content/themes/your-theme/fonts

Bildnachweis: www.theme-junkie.com

Im Verzeichnis wp-content/themes/your-theme/fonts kannst du alle benutzerdefinierten Schriftarten speichern, die du vielleicht in deinem Design verwenden möchtest. Schriftarten können diesem Verzeichnis per FTP oder mithilfe eines Dateimanagers im Bedienfeld Ihres Hosting-Kontos hinzugefügt werden. Nach dem Hinzufügen können Sie die Schriftarten in Ihrem CSS verwenden, indem Sie die Eigenschaft font-family angeben.

Mit Global Styles können Sie die Schriftart Ihrer Website auf die gleiche Weise ändern, wie Sie die Farbe Ihrer Website mit einem der folgenden Designs ändern können. Sowohl die Grundschrift als auch die Überschriften sind auf Buchstabenpaare eingestellt. Wenn Sie auf „Veröffentlichen“ klicken, können Sie die neuen Schriftpaare entweder im Menü „Globale Stile“ speichern oder zurücksetzen. Nachdem Sie Ihre benutzerdefinierten Schriftarten ausgewählt haben, haben Sie die Möglichkeit, diese regelmäßig zu ändern. Wählen Sie die gewünschte Größe für Ihre Überschriften- oder Basisschriftarten aus dem Dropdown-Menü aus und klicken Sie dann auf die Größenoption unten und rechts für jeden Schriftartnamen, den Sie ändern möchten. Mit benutzerdefiniertem CSS können Sie die Schriftgrößen global ändern. Wenn Sie nach dem Test entscheiden, ob Sie ein Plugin verwenden oder nicht, stellen Sie sicher, dass Sie es deaktiviert/entfernt haben. Es ist nicht möglich, ein externes Typekit.com-Konto mit einer WordPress.com-Website oder einem Blog zu verknüpfen. Mit dem Customizer können Sie bestimmen, ob eine bestimmte Schriftart in jeder Sprache korrekt angezeigt wird.

Fügen Sie benutzerdefinierte Schriftarten zu WordPress ohne Plugin hinzu

Das Hinzufügen benutzerdefinierter Schriftarten zu WordPress ohne ein Plugin ist etwas schwieriger, aber immer noch möglich. Sie müssen die Schriftartdateien zu Ihrem Server hinzufügen und dann Ihre CSS-Datei bearbeiten, um die neue Schriftart einzuschließen.

Sie können eine Vielzahl von Schriftarten auf Ihrer Website verwenden, wenn Sie benutzerdefinierte Schriftarten auswählen. Sie können die Effizienz Ihrer Website verbessern, indem Sie sie verwenden, und ein Markenimage schaffen, das die Benutzerbindung erhöht. In diesem Tutorial zeigen wir, wie Sie benutzerdefinierte Schriftarten in WordPress mithilfe von Google-Schriftarten, TypeKit und der CSS3-@Font-Face-Methode hinzufügen. Wenn Sie sich für den Dienst anmelden, wird Ihre E-Mail-Adresse verwendet, um eine offizielle Kurzanleitung zu erhalten. Gehen Sie danach zur Admin-Seitenleiste und navigieren Sie zum Schriftarten-Plugin – Schriftarten anpassen. Sie können auch die Schriftart und -größe in Ihrem WordPress-Theme ändern, indem Sie diesen Anweisungen folgen. Der Google Font -Einbettungscode kann auf zwei Arten zu einer WordPress-Site hinzugefügt werden.

Stellen Sie sicher, dass der Code vor dem <body>-Tag in der header.php-Datei Ihres Themes gesetzt ist. Dieser Code kann mit einem WordPress-Plugin hinzugefügt werden, wenn Sie mit der Codebearbeitung nicht vertraut sind. Sie können mehr über Google-Schriftarten in WordPress-Designs erfahren, indem Sie unseren Leitfaden lesen. Das Hinzufügen benutzerdefinierter Schriftarten zu WordPress ist die direkteste Methode über CSS3 @Font-face. Daher können Sie mit dieser Methode jede beliebige Schriftart auf Ihrer Website verwenden. Wenn Sie noch kein Webformat für Ihre Schriftart haben, können Sie den FontSquirrel WebFont-Generator verwenden , um sie zu konvertieren.

Können Sie benutzerdefinierte Schriftarten in WordPress hochladen?

Wenn Sie benutzerdefinierte Schriftarten in WordPress hochladen möchten, können Sie dies auf drei verschiedene Arten tun: Bearbeiten Sie die Datei des Designs, verwenden Sie Schriftarten über die API oder laden Sie Schriftarten manuell hoch. Legen Sie die Datei der Schriftart in den Ordner Ihres Designs. Sie können Ihrem WordPress-Theme mit einem WordPress-Plugin benutzerdefinierte Schriftarten hinzufügen.

OTF-Schriftart zu WordPress hinzufügen

Das Hinzufügen benutzerdefinierter Schriftarten zu WordPress ist ein Kinderspiel. Sobald Sie die Schriftartdatei haben, laden Sie sie einfach in Ihre WordPress-Medienbibliothek hoch. Von dort aus können Sie die Schriftartdatei auswählen und sie jedem beliebigen Textelement auf Ihrer Website hinzufügen.

Schriftarten für WordPress-Designs

Es gibt keine endgültige Antwort, wenn es um die besten Schriftarten für WordPress-Themes geht. Einige allgemeine Tipps können jedoch nützlich sein, wenn Sie Schriftarten für Ihr Design auswählen. Betrachten Sie zunächst den allgemeinen Ton und Stil Ihrer Website. Dies wird Ihnen helfen, die Schriftartoptionen auf die am besten geeigneten einzugrenzen. Denken Sie zweitens daran, dass die Lesbarkeit wichtig ist. Wählen Sie eine Schriftart, die auch bei kleineren Größen gut lesbar ist. Drittens sollten Sie in Betracht ziehen, mehrere Schriftarten in Ihrem Design zu verwenden. Dies kann Interesse und Abwechslung schaffen. Achte nur darauf, Schriftarten zu verwenden, die gut zusammenpassen.

Obwohl einige WordPress-Themes es Ihnen erlauben, Schriftarten zu ändern, erlauben Ihnen die meisten dies. Darüber hinaus gibt es kostenlose Plugins zum Hinzufügen von Schriftarten zu jedem Thema. Im ersten Abschnitt dieses Abschnitts lernen Sie, wie Sie unser flexibles Neve-Design als Beispiel verwenden. Darüber hinaus zeigen wir Ihnen in diesem Abschnitt, wie Sie WordPress-Schriftarten für bestimmte Inhaltsabschnitte mit dem WordPress-Editor ändern können. Wenn Sie nach weiteren Schriftartoptionen in Ihrem WordPress-Design suchen, ist ein Plugin eine gute Backup-Option. Sie können die Easy Google Fonts-App verwenden, um ein neues WordPress-Design zu erstellen und aus über 600 kostenlosen Schriftarten auszuwählen. Anschließend importieren wir das Standarddesign Twenty Twenty One und konfigurieren es so, dass es mehr Schriftarten enthält.

Sie können auf den WordPress Customizer zugreifen, indem Sie zu Aussehen – Benutzerdefinierte Optionen gehen. Sie können jetzt eine Schriftart von Google auswählen, die Sie für verschiedene Arten von Inhalten auf Ihrer Website verwenden möchten. Während Sie Ihre Entscheidungen treffen, sollten Sie eine Live-Vorschau der neuen Schriftart auf Ihrer Website sehen. Durch Klicken auf Veröffentlichen können Sie Ihre neuen Schriftarten hochladen . Wenn Sie bereits ein flexibles Design haben, können Sie mit dem WordPress Customizer die in das Design integrierten Typografieoptionen auswählen. Mit dem Easy Google Fonts-Plug-in können Sie Ihrer Website mehr als 600 Schriftarten hinzufügen. Dies ist ein großartiger Ausgangspunkt, wenn Sie eine benutzerdefinierte Website mit einem beliebigen WordPress-Thema erstellen möchten.