So verwenden Sie Typekit

Wir stoßen oft auf das Thema der Quelle. Es kommt häufig vor, dass Sie auf unserer Website eine Schriftart verwenden müssen, die noch nicht in dem mit unserem Betriebssystem gelieferten Paket enthalten ist.

In diesem Fall können Sie externe Bibliotheken verwenden, wie sie beispielsweise von Google und Adobe zur Verfügung gestellt werden. In diesem Zusammenhang werden wir heute gemeinsam sehen,   wie Sie Typekit   auf unserer Website verwenden.

In der Vergangenheit haben wir bereits gesehen, wie man Google Fonts in eine WordPress-Site einbindet     , heute verwenden wir die Adobe-Bibliothek Typekit.

Beachten Sie, dass der Vorgang ähnlich ist. Wenn Sie also bereits mit Google-Schriftarten vertraut sind, werden Sie mit Typekit keine großen Probleme haben.

Inhaltsverzeichnis

  • Was ist Typekit?
  • Erstellen einer Adobe-ID
  • Typekit: Auswahl der Schriftart
  • Kit-Erstellung und Veröffentlichung
  • Geben Sie die Typekit-Schriftart auf der Website ein
  • Typekit in E-Mails verwenden
  • Schlussfolgerungen

Was ist Typekit?

Bevor wir beginnen, scheint es in Ordnung zu sein, ein   allgemeines Verständnis davon zu vermitteln,   was TypeKit ist   und warum Sie es verwenden sollten. Typekit ist ein von Adobe bereitgestellter Dienst, mit dem Sie ein Abonnement einrichten können, um eine Schriftart auf Ihrem PC zu verwenden oder sie in eine Website einzufügen.

Der Service ist grundsätzlich kostenlos, da Sie auch mit einem individuellen Lizenzplan darauf zugreifen können. Die Klärungspreise können je nach beabsichtigter Nutzung der in der Bibliothek zur Verfügung gestellten Quellen variieren.

Bevor Sie eine Schriftart verwenden, sollten Sie jedoch die Nutzungsbedingungen   für die Schriftart lesen   .

Erstellen einer Adobe-ID

Sie sollten sich jetzt über die Bedeutung von Typekit im Klaren sein. Kommen wir zur Betriebsphase und sehen, wie wir sie in unsere Website integrieren können. Zuerst müssen Sie ein Adobe-Konto erstellen.

Gehen Sie dazu ganz einfach auf die offizielle Adobe-Website (https://www.adobe.com/it) und klicken Sie auf die  Zugriffsschaltfläche  in der oberen rechten Ecke. Folgen Sie den Schritten und bestätigen Sie Ihre E-Mail.

In wenigen einfachen Schritten haben Sie Ihr Adobe-Konto erstellt. Mit diesem Benutzer können Sie Ihre eigenen benutzerdefinierten Kits erstellen und die Schriftart auswählen, die am besten zu Ihrer Website passt.

Typekit: Auswahl der Schriftart

Wählen Sie mit Ihrem Adobe-Konto über die Typekit-Website die Schriftart aus, die am besten zu Ihnen   passt   . Wählen Sie die Schriftart aus, indem Sie auf die Schaltfläche Zum Kit hinzufügen klicken     . Jetzt müssen Sie die Domäne angeben, in der Sie Ihre Schriftart eingeben möchten. Es gibt eindeutig unterschiedliche Schriftarten: von monotypisch bis kalligraphisch, über Serifen und Sans-Serifs. Jetzt liegt es an Ihnen, sich zu entscheiden.

Ich rate Ihnen, eine leicht lesbare Schriftart zu verwenden, wenn Sie die Verwendung von Schriftarten vermeiden können, vielen Dank im Web. Lesbarkeit ist einer der wichtigsten Aspekte Ihrer Website, insbesondere wenn Sie sich auf den Inhalt konzentrieren.

Kit-Erstellung und Veröffentlichung

Geben Sie im Feld Domains yourdomain.com ein und geben Sie im Namen einen Namen für die Schriftart ein, die Sie verwenden möchten.

Es ist jetzt wichtig, dass Sie auf die Schaltfläche zum Veröffentlichen klicken   . Dadurch wird Ihre Quelle nun verfügbar und veröffentlicht. Dieser Schritt ist wirklich sehr wichtig; Tatsächlich vergessen viele Leute diesen Schritt und stoßen auf den typekit- Fehler, dass   die Domäne nicht in der Liste der veröffentlichten Domänen für kit enthalten ist   . Begehen Sie diese Leichtigkeit nicht.

Geben Sie die Typekit-Schriftart auf der Website ein

Typekit ermöglicht es uns, ähnlich wie Google, die Schriftart auf unterschiedliche Weise zu implementieren: über einen href-Link, über @import oder über Javascript. Schauen wir uns gemeinsam die erste, einfachste Methode an.

Kopieren Sie den href-Link, den Sie im  Standardteil finden  . Fügen Sie den Code in den Header Ihrer Webseite ein.

<Kopf>

<link rel = „stylesheet“ href = „https://use.typekit.net/mytypekit.css“>

</head>

Die Schriftart ist jetzt auf Ihrer Webseite verfügbar und Sie können sie ganz einfach über CSS verwenden. Stellen Sie einfach die entsprechende Schriftfamilie ein. Wenn Sie beispielsweise möchten, dass jeder Absatz auf Ihrer Website die Schriftart typeKit enthält, müssen Sie nur noch einfügen

P {

font – family  : ‘Name der  Quelle  ,’ serifenlos;

}

und das ist es.

Typekit in E-Mails verwenden

Es tut uns leid, Sie enttäuschen zu müssen, aber Typekit kann nicht in HTML-E-Mails verwendet werden. Wenn Sie also darüber nachdenken, einen Newsletter mit einer Typekit-Schriftart zu erstellen, empfehle ich Ihnen, zu einer Google-Schriftart zu wechseln.

Leider bestätigen die offiziellen Foren-Mods dies:   Es ist nicht möglich, Typekit-Schriftarten in einer HTML-E-Mail zuverlässig zu verwenden, daher werden wir derzeit nicht unterstützt.

Das Problem hängt damit zusammen, dass Typekit Javascript und @font-face verwendet, um die Schriftart korrekt zu laden. E-Mail-Clients unterstützen kein Javascript und nur einige von ihnen unterstützen @font-face.

Schlussfolgerungen

Wir haben auf unserer Website gesehen, wie man eine Typekit-Schrift verwendet. Mein Rat ist jedoch, es beim Laden von Schriftarten nicht zu übertreiben. Denken Sie daran, dass Schriftarten die Anzahl der Aufrufe erhöhen und Ihre Website schwerer machen. Verwenden Sie sie immer sparsam.

Hoffentlich konnten Sie mit Hilfe dieses Handbuchs verstehen, wie Typekit funktioniert. Wenn Sie Fragen haben oder mehr zum Thema hinzufügen möchten, können Sie gerne einen Kommentar hinterlassen.

 

Leave a Comment

Your email address will not be published.