Haben Sie sich jemals gefragt, wie Designer schöne benutzerdefinierte Webfonts auf ihren Websites verwenden können? Oft fügen sie WordPress benutzerdefinierte Schriftarten mit Typekit hinzu, einem Adobe-Dienst, der Ihnen Zugriff auf hochwertige Schriftarten bietet. In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress Typekit-Schriften hinzufügen, um Ihre Typografie zu verbessern.
Warum Typekit-Schriften verwenden?
Typekit ist ein beliebter abonnementbasierter Schriftartendienst, mit dem Sie viel Geld sparen können. Anstatt für einzelne Schriftartenlizenzen zu bezahlen, die ziemlich teuer werden können, können Sie kostenlos oder zu einem jährlichen Pauschalpreis auf ihre gesamte Bibliothek mit Hunderten von Schriftarten zugreifen.
Die Typekit-Bibliothek ist eine riesige Sammlung von über 1.000 Schriftarten. Einige der schönsten Schriftarten, die Sie im Web finden können, sind über Typekit, einen Dienst von Adobe, erhältlich.
Ihr kostenloser Basisplan bietet Zugriff auf über 230 Schriftarten, und Sie können 2 Schriftartenfamilien kostenlos auf einer Website verwenden. Andere Pläne beginnen bei 49,99 $ bis 99,99 $ pro Jahr.
Diese fantastischen Typekit-Schriften können problemlos zu jeder Website hinzugefügt werden, ohne die Ladegeschwindigkeit Ihrer Seite zu verlangsamen. Die Schriftarten werden über das CDN von Adobe bereitgestellt und werden mit viel höheren Geschwindigkeiten geladen, als wenn Sie sie auf Ihrer eigenen Site hosten würden.
Typekit für WordPress Video-Tutorial
Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, können Sie unten weiterlesen.
Warum benutzerdefinierte Webfonts in WordPress verwenden?
Typografie spielt eine entscheidende Rolle bei der Gestaltung Ihrer Website.
Die Auswahl der richtigen Schriftarten vermittelt Ihren Lesern klar Ihre Persönlichkeit und Botschaft. Egal, welche Art von Bild Sie darstellen möchten – professionell, freundlich, lässig, erfahren – die Schriftarten auf Ihrer Website können Ihnen dabei helfen, das richtige Bild zu projizieren.
Mit der richtigen Schriftart können Sie einen bleibenden Eindruck hinterlassen. Statt wie jede andere Website im Web sieht Ihr Text merklich anders aus. Wenn Sie die richtige Schriftart für Ihre WordPress-Site auswählen, kann Ihre Website von einem einfachen Design zu einem ästhetisch ansprechenden und atemberaubenden Kunstwerk werden.
Die richtigen benutzerdefinierten Webfonts können:
- Konversionsraten erhöhen
- Senken Sie die Absprungrate Ihrer Website
- Erhöhen Sie die Zeit, die Sie auf Ihrer Website verbringen
- Schaffen Sie ein unvergessliches Erlebnis für Benutzer
Sind Sie bereit, mit Typekit-Schriften loszulegen? So verwenden Sie Typekit, um Ihr WordPress-Design anzupassen.
Erste Schritte mit Typekit
Zuerst müssen Sie ein Typekit-Konto erstellen. Besuchen Sie dazu einfach Typekit.com um die verfügbaren Pläne zu vergleichen.
Sie müssen auswählen, für welchen Plan Sie sich anmelden möchten. Der kostenlose Plan beschränkt Sie auf eine Website und beinhaltet den Zugriff auf begrenzte Schriftarten. Vielleicht möchten Sie mit dem kostenlosen Plan beginnen, um ihn auszuprobieren, und dann später ein Upgrade durchführen. Das Upgrade bietet Ihnen eine größere Bibliothek mit Schriftarten, die Sie auf mehr Websites verwenden können.
Der nächste Schritt ist das Erstellen eines Kits. Mit dem Kit können Sie eine bestimmte Bibliothek mit Schriftarten und Einstellungen für Ihre Website zusammenstellen, sodass Typekit nur die benötigten Dateien und den benötigten Code lädt. Um Ihr Kit zu erstellen, fügen Sie Ihren Site- und Domainnamen hinzu und klicken Sie dann auf Fortsetzen.
Nachdem Sie Ihre Informationen für Ihr Kit eingegeben haben, erhalten Sie von Typekit ein wenig JavaScript-Code, den Sie Ihrer Site hinzufügen können. Sie können diesen Code kopieren und in einen Texteditor wie Notepad einfügen, um ihn vorerst zu speichern. Wir fügen es im nächsten Schritt dieses Tutorials zu Ihrer Website hinzu.
Vorerst können Sie mit der Auswahl Ihrer Schriftarten beginnen. Sie können die Schriftartenbibliothek durchsuchen und nach Optionen wie Klassifizierung, Gewichtung, Breite, x-Höhe und mehr filtern.
Wenn Sie eine Schriftart sehen, die Ihnen gefällt, können Sie darauf klicken, um weitere Details und Beispiele zu erhalten. Wenn Sie es zu Ihrem Web-Kit hinzufügen möchten, klicken Sie auf das Webnutzung: Zum Kit hinzufügen Knopf auf der rechten Seite.
Dadurch wird ein Popup-Fenster geöffnet, in dem Sie die ausgewählte Schriftart zu dem soeben erstellten Kit hinzufügen müssen.
Jetzt können Sie auf klicken Veröffentlichen , um die Änderungen an Ihrem Kit zu speichern.
Das ist alles! Ihr Font-Kit ist jetzt einsatzbereit.
Hinzufügen Ihrer Typekit-Schriften in WordPress
Der einfachste Weg, Ihre neuen benutzerdefinierten Webfonts zu Ihrem WordPress-Blog hinzuzufügen, ist die Verwendung eines WordPress Typekit-Plugins.
Wir empfehlen die Typekit-Schriften für WordPress Plugin. Nach der Installation und Aktivierung des Plugins können Sie Einstellungen » Typekit-Schriften um das Plugin zu konfigurieren.
Zuerst müssen Sie den zuvor gespeicherten JavaScript-Code in das Typekit-Einbettungscode-Feld einfügen. Danach können Sie CSS-Selektoren hinzufügen, um anzugeben, wo Sie die Schriftart auf Ihrer Website verwenden möchten.
Im obigen Screenshot haben wir die Schriftart zum hinzugefügt h1.site-title
CSS-Selektor.
Ihr WordPress-Theme verwendet möglicherweise unterschiedliche Klassen für verschiedene Elemente. Sie müssen das Inspect Element-Tool in Ihrem Webbrowser verwenden, um diese CSS-Klassen herauszufinden. Vielleicht möchten Sie auch unseren von WordPress generierten CSS-Spickzettel für Anfänger lesen, um Ihnen den Einstieg zu erleichtern.
Das ist alles! Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie mit Typekit großartige Typografie in WordPress hinzufügen. Vielleicht möchten Sie auch einen Blick auf unsere Anleitung zum Hinzufügen von Google Webfonts zu Ihren WordPress-Themes werfen.