Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Landing Pages

Wie kann ich meinen Seiten und CTAs in der HubSpot-Software Google-Schriftarten hinzufügen?

Zuletzt aktualisiert am: Oktober 31, 2019

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

Link-Tags für Google-Schriftarten können in Ihren Einstellungen mihilfe des Felds Header-HTML auf eine bestimmte Seite oder auf alle Ihre Seiten angewendet werden. Wenn Sie vertraut mit der Bearbeitung von CSS sind, können Sie den @import-Code oben in einer spezifischen CSS-Datei einfügen.

Holen Sie zunächst das Google Font-Skript von Google:

Google Font-Skript kopieren

  • Navigieren Sie zu fonts.google.com, und suchen Sie die gewünschte Schriftart.
  • Klicken Sie auf das Pluszeichen + neben dem Schriftnamen.

  • Klicken Sie auf den mit 1 Family Selected beschrifteten Balken, der am unteren Rand des Bildschirms eingeblendet wird.
  • Wenn Sie die weitere Stile oder Schriftschnitte dieser Schriftfamilie importieren möchten, wählen Sie die Registerkarte Customize aus, und verwenden Sie die Kontrollkästchen.

  • Wählen Sie die Registerkarte @import aus, und kopieren Sie das von Google bereitgestellte Skript, z. B. @import url(http://fonts.googleapis.com/css?family=Open+Sans);

Nachdem Sie diesen Code kopiert haben, können Sie zur HubSpot-Software zurückkehren, um die Google-Schriftart anzuwenden.

Google-Schriftart zu HubSpot-Seiten hinzufügen

  • Fügen Sie die Google-Schrifart zu allen gewünschten CSS-Selektoren hinzu, wie in den folgenden Beispielen gezeigt. 

Vom Benutzer hinzugefügtes Bild

Google Fonts zu Ihrem CTA hinzufügen

  • Kopieren Sie in Google Fonts den unter Specify in CSS angegebenen Code.

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Lead-Erfassung > CTAs.
  • Bewegen Sie den Mauszeiger über den CTA, den Sie mit dieser Schriftart aktualisieren möchten, und klicken Sie auf Aktionen > Bearbeiten
  • Klicken Sie auf Erweiterte Optionen, um weitere Optionen einzublenden.
  • Fügen Sie den bei Google Fonts unter Specify in CSS angegebenen Code in den Abschnitt Benutzerdefinierte CSS ein. Sobald Sie diese CSS eingeben, wird die Google-Schriftart auf Ihren CTA angewendet. 

  • Klicken Sie unten rechts auf Weiter, um die Einzelheiten Ihres CTA festzulegen, und klicken Sie dann auf Speichern