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 benutzerdefinierter Schriftarten in WordPress-Themes ist mittlerweile üblich. Viele WordPress-Themes bieten sogar eine Vielzahl von Schriftarten zur Auswahl. Das gleichzeitige Laden all dieser Schriftarten kann jedoch die Ladezeiten von Seiten erheblich verlängern.
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 werden, indem wir nur die benutzerdefinierte Schriftart laden, die wir auf dem Blog verwenden möchten.
Aber zuallererst ist es wichtig zu wissen, wie man nach Schriftarten sucht, indem man auch die folgenden Quellen konsultiert: 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 flexibel wie früher. Es gibt jedoch mehrere Quellen, in denen man Schriftarten wie „…“ finden kann. Google Fonts "," Typekit "," FontSquirrel "Und" Fonts.com ".
Wie ein Google-Fonts Font Wordpress hinzufügen
Google Fonts ist eine sehr große Bibliothek mit kostenlosen Schriftarten, die Sie in mehreren Projekten verwenden können.
Sie müssen lediglich auf „ 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.
Klicken Sie auf diesen Tab, der sich wie in der obigen Abbildung gezeigt ausklappt. Sie können die Schriftart anpassen, indem Sie darauf klicken. Anpassen. Sie müssen nur den Stil auswählen, den Sie in Ihrem Blog sehen möchten.
Anschließend müssen Sie nach unten scrollen zum Abschnitt „ Einbetten “. Sie müssen dann den Code kopieren, der sich im Abschnitt " STANDARD Dies ist der Code, den Sie hinzufügen können. Kopfzeile Von Ihrem Kinderthema.
Das ist alles, was nötig ist, um eine neue Google-Schriftart zu Ihrem WordPress-Blog hinzuzufügen.
Wie eine Schriftart mit Typekit hinzufügen
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.
Alles, was Sie brauchen, ist ein Typekit-Konto und um ein neues Konto zu erstellen, müssen Sie ein „ Ausrüstung ".
Als Nächstes müssen Sie die Schriftart aus der Typekit-Bibliothek auswählen und Ihrem Projekt hinzufügen. Anschließend rufen Sie den Code für Ihr Schriftarten-Kit ab und fügen ihn über Ihr Dashboard hinzu.
Um es Ihrem Dashboard hinzuzufügen, müssen Sie lediglich die " Typekit Fonts für Wordpress ".
Nach der Aktivierung müssen Sie lediglich auf „ zugreifen“ zugreifen. Einstellungen> Typekit-Schriftarten Und fügen Sie den Code aus Ihrem Kit in das Feld " Benutzerdefinierte CSS-Regeln ".
Die Schriftart kann dann auf die gleiche Weise verwendet werden, d. h. durch Angabe des Familiennamens für bestimmte Elemente oder für das gesamte Dokument.
So fügen Sie eine Schriftart, die CSS3 mit (@ font-face)
Die direkteste Methode, eine Schriftart in Ihren Blog einzubinden, ist die Verwendung von „font-faces“ über CSS3. Mit dieser Methode können Sie jede beliebige Schriftart in Ihren Blog einfügen.
Als Erstes sollten Sie die gewünschte Schriftart im Webformat herunterladen. Falls Sie die Schriftart nicht im Webformat besitzen, können Sie sie kostenlos auf „“ konvertieren. FontSquirrel Webfont Generator ".
Sobald Sie die Dateien im Format " Netz Anschließend müssen Sie sie direkt an Ihren Server senden. Ich empfehle dringend, dies zu " hinzuzufügen. 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 das erledigt ist, können Sie die Schriftart wie folgt einbinden:
Um es irgendwo verwenden zu können, müssen Sie lediglich den Schriftartnamen so definieren, wie Sie ihn in der " Unterseite »Vorherige (Den Wert des Attributs „font-family“ anzeigen ).
Das ist alles, was man über die Verwendung von CSS3-Code wissen muss. Ich möchte jedoch darauf hinweisen, dass die Methode mit dem „font-face“-Feature eher für Entwickler geeignet ist.
Für die Verwaltung und Bearbeitung von Schriftarten auf Ihrer Website werden auch andere Lösungen und Tools verwendet und empfohlen.
Entdecken Sie auch einige Premium-WordPress-Plugins
Sie können andere WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip 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.
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, handelt es sich hierbei um das ultimative Premium-WordPress-Fotogalerie-Plugin. Mit diesem hochgradig anpassbaren Tool können Sie in wenigen Minuten Galerien in jedem gewünschten Stil erstellen.
Everest Gallery kann verwendet werden, um Artikel, benutzerdefinierte Beitragstypen, benutzerdefinierte Taxonomien/Kategorien zu präsentieren, WooCommerce-Produkte, personalisierte Produkte, Bildergalerien und Anhänge, Videos, Produktmerkmale, Kundenpräsentationen, Portfolios, Teammitglieder, Screenshots usw., vollständig responsiv.
Everest Gallery wird mit vollständiger Dokumentation und mehr als 30-Optionen geliefert, die vollständig angepasst werden können das Erscheinungsbild der Galerie. Mit den verfügbaren Anpassungsoptionen können Sie dieses WordPress-Plugin verwenden, um alles einfach und effizient zu präsentieren.
Herunterladen | Demo | Web-Hosting
3. WP Medienmanager
WP Media Manager ist eines der besten und leistungsstärksten WordPress-Plugins zur Verwaltung von Mediatheken. Es zeichnet sich durch seine hervorragende Ordnerverwaltung aus und ermöglicht dank seiner Benutzerfreundlichkeit die Organisation Ihrer Tausenden von Mediendateien.
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.
Dieses WordPress-Plugin bietet Funktionen wie das Erstellen und Filtern von Ordnern, drei ansprechende, responsive Galerien, die Möglichkeit, Dateien zu duplizieren, die Erstellung unbegrenzter Hierarchien und vieles mehr…
Herunterladen | Demo | Web-Hosting
Andere empfohlene Ressourcen
Vertiefen Sie Ihr Wissen über die Verwendung von benutzerdefinierten Schriftarten auf WordPress, indem Sie auch die unten stehenden Links oder empfohlenen Ressourcen besuchen.
- So fügen Sie Schlüsselwörter und Meta-Beschreibungen in WordPress hinzu
- Wie eine beeindruckende Typografie mit Typekit hinzufügen
- 7 WordPress-Plugins zum Hinzufügen eines Schiebereglers zu einem Blog
- 8 WordPress-Plugins zum Hinzufügen eines Übersetzungssystems zu einem Blog
- Andere Ressourcen:
- Liste der wichtigsten Dinge zum Starten eines Blogs
- 14 WordPress-Plugins, die Elementor ersetzen kann
- Elementor Pro-Preis 2023: Welcher Plan ist für Sie am profitabelsten?
- So erstellen und zeigen Sie ein Popup nach Post-Tag in WordPress an
- Die besten kostenlosen Elementor-Addons im Jahr 2023
- Wie eine benutzerdefinierte Schriftart für Ihre Wordpress Blog zu erstellen
Fazit
Das war's! Damit ist dieses Tutorial zum besten Weg, benutzerdefinierte Schriftarten in WordPress einzubinden, abgeschlossen. Anregungen und Kommentare sind herzlich 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.
...