Springe zum Hauptinhalt

Wie eine beeindruckende Typografie mit Typekit 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]

Haben Sie sich jemals gefragt, wie diejenigen, die Websites entwerfen, es schaffen, schöne Schriftarten auf ihren Websites zu verwenden? Oft fügen sie mithilfe von benutzerdefinierte Schriftarten hinzu Typekit, ein Adobe-Dienst, mit dem Sie auf hochwertige Schriftarten zugreifen können. In diesem Tutorial zeigen wir Ihnen, wie Sie Typekit-Schriften zu WordPress hinzufügen, um Ihre Typografie zu verbessern.

Warum Typekit Fonts verwenden?

Typekit ist ein beliebter Abonnement-Überwachungsdienst, mit dem Sie viel Geld sparen können. Anstatt für einzelne Schriftlizenzen zu bezahlen, was sehr teuer werden kann, können Sie kostenlos oder gegen eine jährliche Pauschale auf die gesamte Bibliothek mit Hunderten von Schriftarten zugreifen.

Die Typekit-Bibliothek ist eine beeindruckende Sammlung von mehr als 1000-Schriftarten. Einige der schönsten Schriftarten, die Sie im Internet finden, sind bei Typekit, einem Adobe-Dienst, verfügbar.

Der kostenlose Basisplan beinhaltet den Zugriff auf mehr als 230 Schriftarten. Sie können zwei Schriftfamilien auf einer Website kostenlos verwenden. Andere Pläne beginnen bei 2 USD bis 49,99 USD pro Jahr.

Diese fantastischen Typekit-Schriftarten können problemlos zu einer Website hinzugefügt werden, ohne die Ladegeschwindigkeit Ihrer Website zu verlangsamen. Schriftarten werden über ein CDN bereitgestellt und viel schneller geladen als bei Ihnen.

Warum benutzerdefinierte Schriftarten für WordPress verwenden?

Typografie spielt eine entscheidende Rolle bei der Gestaltung Ihrer Website.

Wenn Sie gute Schriftarten auswählen, wird Ihre Persönlichkeit und Ihre Botschaft Ihren Lesern klar vermittelt. Es spielt keine Rolle, welche Art von Bild Sie reflektieren möchten (professionell, freundlich, lässigDie Schriftarten auf Ihrer Website können dabei helfen, ein gutes Bild zu projizieren.

Durch die Verwendung der richtigen Schriftarten können Sie einen bleibenden Eindruck hinterlassen. Durch Auswahl der richtigen Schriftart für Ihre WordPress-Site kann Ihre Website von einem einfachen Design zu einem auffälligen ästhetischen Stück werden.

Gute benutzerdefinierte Webfonts können:

  • Erhöhen Sie Umrechnungskurse
  • Senken Sie die Bounce-Rate Ihrer Website
  • Erhöhen Sie die auf Ihrer Website verbrachte Zeit
  • Erstellen Sie ein unvergessliches Erlebnis für Benutzer

Wissen Sie, wie Typekit-Schriften verwenden? Wie verwenden Typekit Wordpress-Schriften anpassen.

So starten Sie mit Typekit

Zunächst müssen Sie ein Typekit-Konto erstellen. Gehen Sie dazu einfach auf "Typekit.com" und vergleichen Sie die verfügbaren Pläne.

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]

Sie müssen auswählen, welchen Plan Sie verwenden möchten. Der kostenlose Plan beschränkt Sie auf eine Website und beinhaltet den Zugriff auf eingeschränkte Schriftarten. Möglicherweise möchten Sie mit dem kostenlosen Plan beginnen, um ihn auszuprobieren, und später ein Upgrade durchführen. Durch das Upgrade erhalten Sie eine größere Bibliothek mit Schriftarten, die Sie auf mehreren Websites verwenden können.

Erstellung eines Kits auf WordPress Typekit

Der nächste Schritt ist das Erstellen eines Kits. Mit dem Kit können Sie eine bestimmte Schriftartenbibliothek und Einstellungen für Ihre Website zusammenstellen, damit das Laden von Typekits optimal ist. Fügen Sie zum Erstellen Ihres Kits Ihren Site- und Domainnamen hinzu und klicken Sie dann auf Weiter.

Erstellung eines Kits auf WordPress Typekit

Sobald Sie Ihre Informationen für Ihr Kit eingegeben haben, erhalten Sie von Typekit JavaScript-Code, den Sie Ihrer Website hinzufügen können. Sie können diesen Code kopieren und in einen Texteditor wie Notepad einfügen, um ihn vorerst zu speichern. Wir werden es im nächsten Schritt dieses Tutorials zu Ihrer Site hinzufügen.

Im Moment können Sie mit der Auswahl Ihrer Schriftarten beginnen. Sie können die Schriftartenbibliothek durchsuchen und nach Optionen wie Bewertung, Gewicht, Breite, Höhe und mehr filtern.

Chiosir uen Schriftart auf typekit

Wenn Sie eine Schriftart nach Ihren Wünschen finden, können Sie darauf klicken, um weitere Details und Beispiele zu erhalten. Wenn Sie es Ihrem Webkit hinzufügen möchten, klicken Sie rechts auf die Schaltfläche „Webnutzung: Zum Kit hinzufügen“.

Monarcha Schrift typekit WordPress

Daraufhin wird ein Popup-Fenster geöffnet, in dem Sie die Schriftart hinzufügen müssen, die für das gerade erstellte Kit ausgewählt wurde.

Vorschau typekit Typografie

Nun können Sie auf den Button " veröffentlichen Speichern Sie die Änderungen an Ihrem Kit.

Vorschau typekit Typografie

Das ist alles! Ihr Font-Kit kann jetzt in Ihrem WordPress-Blog verwendet werden.

So fügen Sie Schriften Wordpress Typekit

Der beste Weg, um Ihre neuen benutzerdefinierten Web-Schriftarten zu Ihrem WordPress-Blog hinzuzufügen, ist die Verwendung des Plugins. Wordpress Typekit. Erfahren Sie, wie Sie ein WordPress-Plugin installieren.

Wir empfehlen Typekit-Schriftarten für das WordPress-Plugin. Nach der Installation und Aktivierung des Plugins können Sie auf " Einstellungen> Typekit-Schriftarten Plugin konfigurieren.

Typ-Kit-Einstellungen für das Wordpress-Plugin

Zunächst müssen Sie den zuvor gespeicherten JavaScript-Code in das Feld Typekit-Einbettungscode einfügen. Danach können Sie CSS-Selektoren hinzufügen, um anzugeben, wo Sie die Schriftart auf Ihrer Site verwenden möchten.

Im obigen Screenshot haben wir die Schriftart zum CSS-Selektor hinzugefügt. " h1.site-Titel ".

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]

Ihr WordPress-Theme kann verschiedene Klassen für verschiedene Elemente verwenden. Sie müssen das Inspect Element-Tool in Ihrem Webbrowser verwenden, um diese CSS-Klassen zu finden.

Überprüfen Sie den Inhalt des WordPress-Codes

Das ist alles für dieses Tutorial. Ich hoffe, Sie können TypeKit-Schriften zu Ihrem WordPress-Blog hinzufügen.

.

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
13 Aktien
Aktie10
tweet
Registrieren3