Möchten Sie WordPress benutzerdefinierte Schriftarten hinzufügen?

Glauben Sie mir, die Polizei auch Eine sehr große Rolle, die Sie in Ihrem Blog spielen sollten und Sie werden viel gewinnen, wenn Sie eine Schriftart hinzufügen, die nicht nur dem Kontext Ihres Blogs, sondern auch Ihrem WordPress-Thema entspricht.

In diesem Tutorial zeige ich Ihnen, wie Sie Ihrem WordPress-Blog mithilfe von benutzerdefinierte Schriftarten hinzufügen Google Fonts, Typekit und CSS3.

Die Verwendung von benutzerdefinierten Schriftarten in WordPress-Themes ist üblich geworden. Tatsächlich gibt es mehrere WordPress-Themes die mehrere Schriftarten zur Auswahl bieten. Das gleichzeitige Laden all dieser Schriftarten kann jedoch das Laden einer Seite erheblich verlangsamen.

So fügen Sie benutzerdefinierte Schriftarten hinzu WordPress 1 1

Und wenn Ihr Blog langsam ist, empfehle ich Ihnen Einige Lösungen für Performance-Probleme auf Wordpress

Dies ist einer der Gründe, warum wir es richtig machen und nur die benutzerdefinierte Schriftart hochladen, die wir im Blog verwenden möchten.

Zuallererst ist es jedoch wichtig zu wissen, wie man nach Schriftarten sucht, und gleichzeitig die 7 WordPress Plugins, um die Typografie Ihres Blogs in die Hand zu nehmen

Wie Schriftarten zu finden und wie Wordpress verwenden

Schriftarten sind nicht mehr so ​​erweiterbar wie früher. Es gibt jedoch mehrere Quellen, in denen Sie Schriftarten wie " Google Fonts "," Typekit "," FontSquirrel "Und" Fonts.com ".

Wie ein Google-Fonts Font Wordpress hinzufügen

Typografie WordPress-Schriftarten Google

Google Fonts ist eine sehr große Bibliothek mit kostenlosen Schriftarten, die Sie in mehreren Projekten verwenden können.
Alles was Sie tun müssen, ist Zugriff " Google Fonts Und wählen Sie die Schriftart Ihrer Wahl. Dann klicken Sie auf " Wählen Sie diese Schriftart aus »Unten rechts auf dem Bildschirm wird eine Registerkarte angezeigt.

Google Fonts Typografie WordPress-Tutorial

Klicken Sie auf diese Registerkarte, die wie im Bild oben erweitert wird. Sie können den Stil der aufzunehmenden Schriftart anpassen, indem Sie auf klicken Anpassen. Sie müssen nur den Stil auswählen, den Sie in Ihrem Blog sehen möchten.

Sie sollten dann nach unten zu " Einbetten “. Sie müssen dann den Code kopieren, der sich im Abschnitt " STANDARD ". Diesen Code können Sie am " Kopfzeile Von Ihrem Kinderthema.

Das ist alles, was Sie tun müssen, um Ihrem WordPress-Blog eine neue Google-Schriftart hinzuzufügen.

Wie eine Schriftart mit Typekit hinzufügen

Typografie WordPress-Schriftarten typekit 2

Typekit ist ein weiterer kostenloser Premium-Service, der Schriftarten anbietet, die Sie auch in Ihren verschiedenen Projekten verwenden können. Sie bieten Premium-Abonnements und kostenlose Abonnements.

Sie müssen nur ein Typekit-Konto haben und ein neues " Ausrüstung ".

Typografie WordPress-Schriftarten typekit

Anschließend müssen Sie die Schriftart aus der Typekit-Bibliothek auswählen und Ihrem Projekt hinzufügen. Nehmen Sie danach den Code für Ihr Kit und fügen Sie ihn aus Ihrem Dashboard hinzu.

Typografie WordPress-Schriftarten typekit 1

Um es Ihrem Dashboard hinzuzufügen, müssen Sie lediglich das Plugin installieren und aktivieren. " Typekit Fonts für Wordpress ".

Nach der Aktivierung müssen Sie lediglich auf " Einstellungen> Typekit-Schriftarten Und fügen Sie den Code aus Ihrem Kit in das Feld " Benutzerdefinierte CSS-Regeln ".

Typekit Paste-a-Kit

Die Schriftart kann dann auf die gleiche Weise verwendet werden, dh indem der Name der Familie für bestimmte Elemente oder für das gesamte Dokument angegeben wird.

So fügen Sie eine Schriftart, die CSS3 mit (@ font-face)

Der direkteste Weg, eine Schriftart in Ihr Blog einzubetten, besteht darin, sie mithilfe von "Schriftarten" über CSS3 hinzuzufügen. Mit dieser Methode können Sie jedem Blog eine beliebige Schriftart hinzufügen.

Als erstes müssen Sie die Schriftart Ihrer Wahl im Webformat herunterladen. Wenn Sie diese Schriftart nicht im Webformat haben, können Sie sie kostenlos unter " FontSquirrel Webfont Generator ".

Sobald Sie die Dateien im Format " Netz », Sie müssen sie dann direkt an Ihren Server senden. Ich empfehle dringend, dass Sie es dem " Schriftarten Ihres untergeordneten Themas mit einem FTP-Client (FileZilla ist meine Empfehlung).

Weitere Informationen zu diesem Vorgang finden Sie in unserem Lernprogramm unter So verwenden Sie FTP auf Windows 10

Kehren wir zu unserem Ziel zurück.

Sobald dies erledigt ist, können Sie die Schriftart wie folgt integrieren:

Integration-Polizei

Um es überall verwenden zu können, müssen Sie lediglich den Namen der Schriftart definieren, wie Sie in " Unterseite »Vorherige (Siehe Wert des Attributs font-family ).

Benutzen Sie den Code-font-face

Das war alles, was man über die Verwendung von CSS3-Code wissen musste. Ich muss jedoch angeben, dass die Methode mit der "font-face" -Funktionalität besser für Entwickler geeignet ist.

Es werden auch andere Lösungen und Tools verwendet und empfohlen, um die Schriftarten auf Ihrer Website zu verwalten oder zu bearbeiten.

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. CommentPress

CommentPress ist ein leistungsstarkes WordPress-Plugin, mit dem Sie Kommentare schnell und einfach einfügen, bearbeiten und löschen können. CommentPress verwendet Ajax, jQuery und PHP, um Besuchern das Einfügen von Kommentaren zu ermöglichen, ohne die Seite neu laden zu müssen.

CommentPress Ajax Kommentare Einfügen Bearbeiten und Löschen von Kommentaren

Dieses Plugin verfügt über viele Anpassungsoptionen, um ihm das gewünschte Erscheinungsbild zu verleihen. Es verfügt über ein Captcha zum Blockieren von Spam und gibt Ihrem Kommentarbereich mehr Sicherheit.

Die Hauptmerkmale sind: das einfache Einfügen von Kommentaren, die Möglichkeit für Benutzer, auf bestimmte Kommentare zu antworten, die Paginierung von Kommentaren, die vollständige Verwaltung der Verwaltung des Kommentarbereichs, Schaltflächen zum einfachen Einfügen von Bildern, Videos und Links, ein vollständig ansprechendes Layout, ein Captcha, um das Formular zu sichern und vermeiden Sie Spam und vieles mehr.

Herunterladen | Demo | Web-Hosting

2. Everest-Galerie

Wie der Name schon sagt, ist es der Höhepunkt von Wordpress-Plugins Fotogalerie Prämie. Mit diesem ultra-anpassbaren Tool können Sie in nur wenigen Minuten Galerien jeden Stils erstellen.

Everest Gallery Responsive WordPress Gallery Wordpress-Plugin

Everest Gallery kann verwendet werden, um Artikel, benutzerdefinierte Beitragstypen, benutzerdefinierte Taxonomien/Kategorien zu präsentieren, WooCommerce-Produkte, personalisierte Produkte, Bildergalerien und Anhänge, Videos, Produktfunktionen, Kundenpräsentation, Portfolios, Teammitglieder, Screenshots usw., vollständig ansprechbar.

Everest Gallery wird mit vollständiger Dokumentation und mehr als 30-Optionen geliefert, die vollständig angepasst werden können das Aussehen der Galerie. Mit den verfügbaren Anpassungsoptionen können Sie dies verwenden WordPress Plugin um alles einfach und effektiv zu präsentieren. 

Herunterladen | Demo | Web-Hosting

3. WP Medienmanager

WP Media Manager ist einer der besten und leistungsstärksten Wordpress-Plugins Verwaltung der Mediathek. Es eignet sich hervorragend zum Verwalten von Ordnern und dank seiner Benutzerfreundlichkeit können Sie Tausende von Mediendateien organisieren.

WP Media Manager Das einfachste WordPress Media Manager Plugin

Verwenden Sie einfach die Drag-and-Drop-Methode, um die Mediendateien in Ordner / Unterordner einzufügen. Mit dieser Fähigkeit kann er nicht nur die Dateiverwaltung verbessern, sondern auch Ordner verwalten. Was im Allgemeinen ein Muss für Anfänger ist.

Ce WordPress Plugin verfügt über Funktionen wie das Erstellen von Ordnern, das Filtern dieser, 3 großartige responsive Galerien, die Möglichkeit, Dateien zu duplizieren, die Erstellung einer unbegrenzten Hierarchie und viele andere…

Herunterladen | Demo | Web-Hosting

Andere empfohlene Ressourcen

Verwenden Sie benutzerdefinierte Schriftarten in WordPress, indem Sie auch die unten aufgeführten Links oder empfohlenen Ressourcen konsultieren.

Zusammenfassung

So ! Das war es für dieses Tutorial, wie man am besten benutzerdefinierte Schriftarten zu WordPress hinzufügt. Wenn Sie Vorschläge oder Kommentare haben, sind diese willkommen.

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

N'' zögern Sie nicht, es auf Ihrem anderen zu teilen soziale Netzwerke . Wenn du hast commentaires oder Vorschläge, zögern Sie nicht, uns in dem dafür vorgesehenen Bereich Bescheid zu geben.

...