Springe zum Hauptinhalt

Wie man benutzerdefinierte Schriftarten auf Wordpress hinzufügen

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

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-Designs ist mittlerweile üblich. In der Tat gibt es mehrere WordPress-Themes, die mehrere Schriftarten zur Auswahl bieten. Das gleichzeitige Laden aller 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 obigen Bild erweitert wird. Sie können anpassen den Stil der einzuschließenden Schriftart, indem Sie auf klicken Customize. 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

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.Typografie WordPress-Schriftarten typekit 2

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

Typografie WordPress-Schriftarten typekit

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

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 ).

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

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 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.CommentPress Ajax Kommentare Einfügen Bearbeiten und Löschen von Kommentaren

Dieses Plugin verfügt über viele Anpassungsoptionen, die es endlich so aussehen lassen, wie Sie es möchten. Es hat ein Captcha zum Blockieren von Spam und bringt mehr Sicherheit in Ihren Kommentarbereich.

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.

Download | Demo | Web-Hosting

2. Everest-Galerie

Wie der Name schon sagt, ist dies der Höhepunkt der Premium-Plugins für WordPress-Fotogalerien. Mit diesem ultra-anpassbaren Tool können Sie in nur wenigen Minuten Galerien jeden Stils erstellen.

Everest Gallery Responsive WordPress Gallery Wordpress-Plugin

Everest-Galerie kann verwendet werden, um Artikel, Arten von personalisierten Publikationen, 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 dieses WordPress-Plugin verwenden, um alles einfach und effizient zu präsentieren. 

Download | Demo | Web-Hosting

3. WP Medienmanager

WP Media Manager ist eines der besten und leistungsstärksten Plugins für die Verwaltung von WordPress-Medienbibliotheken. Es eignet sich hervorragend zum Verwalten von Ordnern und ermöglicht Ihnen die einfache Verwendung von Tausenden von Mediendateien.

WP Media Manager Das einfachste WordPress Media Manager Plugin

Verwenden Sie einfach die Drag & Drop-Methode, um Mediendateien in Ordner / Unterordner einzufügen. Diese Funktion verbessert nicht nur die Dateiverwaltung, sondern ermöglicht Ihnen auch die Verwaltung von Ordnern. Dies ist normalerweise ein Muss für Anfänger.

Dieses WordPress-Plugin bietet Funktionen wie das Erstellen, Filtern von Ordnern, 3 schöne reaktionsschnelle Galerien, die Möglichkeit, Dateien zu duplizieren, die Erstellung einer unbegrenzten Hierarchie und viele andere ...

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Download | Demo | Web-Hosting

Andere empfohlene Ressourcen

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

Fazit

Hier ! In diesem Tutorial erfahren Sie, wie Sie WordPress am besten benutzerdefinierte Schriftarten hinzufügen können. 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.

Nzögern Sie besonders, es auf Ihrem unterschiedlichen 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.

... 

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
10 Aktien
Aktie6
tweet
Registrieren4