Adobe Typekit ist eine Schriftartenbibliothek auf Abonnementbasis, die Ihnen Zugriff auf zahlreiche Schriftarten für Ihre Website bietet. Um das Typekit mit HubSpot zu verwenden, folgen Sie diesen Schritten:
- Fügen Sie in Typekit die Schriftart, die Sie verwenden möchten, zu einem neuen oder vorhandenen Kit hinzu.
- Klicken Sie auf Kits und wählen Sie das Kit aus, dem Sie eine Schriftart hinzugefügt haben.
- Wählen Sie Kit-Einstellungen aus.
- Geben Sie Ihre Domain gefolgt von einem Komma ein und fügen Sie preview.hs-sites.com hinzu. Das Hinzufügen dieser Domain ermöglicht die Darstellung von Typekit-Schriftarten in der Vorschau des Design-Managers. Wenn Sie diese Schriftart in weiteren HubSpot-Domains verwenden möchten, fügen Sie diese Domains hier ebenfalls hinzu.
- Klicken Sie auf Einstellungen speichern.
- Klicken Sie auf Veröffentlichen.
- Klicken Sie auf Code einbetten.
- Kopieren Sie den Einbettungscode.
- Wenn Sie die Typekit-Schriftart auf Ihre gesamte gehosteten HubSpot-Website anwenden möchten, navigieren Sie zu Ihren Einstellungen. Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Zahnradsymbol , um die Einstellungen aufzurufen. Navigieren Sie im linken Seitenmenü zu Website < Seiten. Scrollen Sie nach unten zu Website-Header-HTML. Fügen Sie im oberen Bereich des Feldes "Website-Header-HTML" ein. Klicken Sie auf Speichern.
- Wenn Sie die Schriftart lediglich zu einem bestimmten Vorlagenlayout in HubSpot hinzufügen möchten, navigieren Sie zur Ihrem Design-Manager. Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager. Öffnen Sie die zu bearbeitenden Vorlage und fügen Sie den Einbettungscode in das Feld Zusätzliches Markup im Inspektor ein. Klicken Sie auf Änderungen veröffentlichen, um Ihre Änderungen zu veröffentlichen.
- Aktualisieren Sie abschließend Ihr HubSpot-Stylesheet, um die im Typekit angegebene Schriftartenfamilie zu referenzieren.
