Der Google Fonts Webfonts-API ermöglicht Ihnen das einfache Laden benutzerdefinierter Schriftarten (im Gegensatz zu standardmäßigen Desktop-Schriftarten wie Arial, Georgia, Times New Roman oder Helvetica), indem Sie einfach auf ein Stylesheet im Header-Tag Ihrer Website verweisen. Wenn Sie WordPress-Designs entwickeln und Ihre Website-Schriftarten ohne die Verwendung eines Plugins anpassen möchten, können Sie ganz einfach benutzerdefinierte Google-Schriftarten auf Ihrer Website zur Verwendung in Ihrem CSS einreihen.
Schritt 1: Wählen Sie Ihre benutzerdefinierte Google-Schriftart aus
Die Verwendung von Google-Schriftarten ist sehr einfach. Wenn Sie zur Hauptseite unter „Google Webfonts“ und klicke auf eine beliebige Schriftart. Ein kleines Popup-Fenster wird angezeigt, damit du die Schriftart anpassen und die richtige URL für das Schriftart-CSS anzeigen kannst.
Wenn Sie eine einfache HTML-Site erstellen oder Ihr persönliches benutzerdefiniertes WordPress-Design bearbeiten, müssen Sie zum Laden der benutzerdefinierten Schriftart auf Ihrer Website lediglich den Stylesheet-Link zu der benutzerdefinierten Schriftart, die auf Google gehostet wird, kopieren und in Ihr
einfügen -Tag (befindet sich in header.php in WordPress).Die bevorzugte Methode zum Hinzufügen der Google-Schriftart zu Ihrem WordPress-Design (sehr wichtig beim Erstellen von Designs für die Verteilung) besteht jedoch darin, WordPress zu verwenden wp_enqueue_scripts Aktionshaken.
Schritt 2: Stellen Sie Ihre Google-Schriftart in die Warteschlange
Wie bereits erwähnt, können Sie den Code von Google einfach in Ihre header.php-Datei einfügen, es ist jedoch am besten, das Skript wie zuvor erwähnt über den Action-Hook in die Warteschlange einzureihen. Dies ermöglicht einfachere Änderungen von untergeordneten Themen und verhindert auch Konflikte mit Plugins von Drittanbietern.
Schritt 1: Fügen Sie zunächst den folgenden Code in Ihre functions.php-Datei ein (falls diese Datei nicht vorhanden ist, erstellen Sie eine neue im Ordner Ihres Designs und stellen Sie sicher, dass der folgende Code in PHP-Tags eingefügt wird.
function myprefix_enqueue_google_fonts() {
wp_enqueue_style( 'roboto', 'https://fonts.googleapis.com/css?family=Roboto' );
}
add_action( 'wp_enqueue_scripts', 'myprefix_enqueue_google_fonts' );
In diesem speziellen Ausschnitt haben wir die verwendet wp_enqueue_style Funktion zum Laden der Google-Schriftart „Roboto“ auf der Website. Sie können diese Funktion jedoch mehrfach verwenden, um mehrere Schriftarten zu laden.
Schritt 2: Jetzt müssen Sie nur noch Ihre style.css-Datei öffnen und den Schriftartnamen für die Elemente ändern, für die Sie die benutzerdefinierte Schriftart verwenden möchten, oder Ihrer Website benutzerdefiniertes CSS hinzufügen, um die Schriftart zu ändern, wie im folgenden Beispiel, um die Ganzkörperschriftart in Roboto zu ändern .
body { font-family: "Roboto"; }
Extra: Verwendung eines Google Fonts-WordPress-Plugins
Wenn Sie kein Design für die Verteilung entwickeln oder kein untergeordnetes Design für Ihr Projekt verwenden, ist es natürlich am besten, ein benutzerdefiniertes Plugin zum Hinzufügen von Schriftarten zu Ihrer Website zu verwenden. In dem Artikel mit dem Titel „Verbessern Sie die Typografie Ihrer WordPress-Website mit Google Fonts“ empfehlen wir einige großartige Plugins, mit denen Sie die Schriftarten auf Ihrer WordPress-Site einfach ändern können, insbesondere mit Google Fonts.
Ihre Gedanken … Wie verwenden Sie Google Fonts?
Jetzt zu dir! Teilen Sie uns in den Kommentaren mit, wie Sie Google-Schriftarten in WordPress verwenden. Entwickeln Sie Themen oder Plugins, erstellen Sie benutzerdefinierte Websites oder sind Sie ein Freiberufler, der Menschen hilft, ihre aktuellen Website-Designs zu optimieren. Lassen Sie uns auch wissen, welche Ihrer bevorzugten Google-Schriftarten sind. Meine persönlichen Favoriten sind Roboto, Lora und PT Serif.