Eigene Schriften in Kadence einbinden

VonSabine

Google Fonts sind nicht die einzige Möglichkeit, wenn es um die Wahl der Schriftarten für deine Website geht. Du hast vier Alternativen:

  • kostenlose Schriftarten (Free Fonts) verwenden
  • einen Webfont kaufen*
  • Adobe Fonts durchstöbern* (Teil der Creative Cloud)
  • Websafe Fonts wie Arial & Co. verwenden

* In der Regel wird deine Website nach dem Einbinden dieser Schrift(en) von den jeweiligen Anbietern getrackt, was nicht DSGVO-konform ist.

Du benötigst für dieses Plugin eine kostenpflichtige Pro-Version von Kadence WP – mindestens Express.

Um eigene Schriften in Kadence einzubinden, folge dieser Schritt-für-Schritt-Anleitung:

  1. installiere und aktiviere das Kadence Pro Plugin „Kadence-custom-fonts“
  2. öffne den Customizer
  3. klicke auf den Abschnitt „Design“
  4. wähle von Kadence den Unterpunkt „Custom Fonts“ aus
  5. klicke auf den Button „Add New Custom Font“ in der oberen Leiste
  6. wähle im geöffneten Fenster bei „Font Type“ die Option „Upload File“ aus
  7. fülle die erforderlichen Felder korrekt aus lade deine Font-Datei(en) hoch
  8. klicke auf „Veröffentlichen“

Nach dem Ausfüllen der Felder, dem Upload der Font-Datei und dem anschließenden Veröffentlichen, hast du alle erforderlichen Schritte erledigt.

Wo finde ich jetzt die neuen Schriften?

Nach der Installation werden alle neu eingebundenen Schriften zusammen mit den anderen verfügbaren Schriftarten im Kadence Customizer angezeigt.

Websichere Schriften

Mal angenommen, du möchtest keine Google Fonts verwenden UND findest keine passende Alternative. Was jetzt? Kein Grund zur Sorge – du kannst auf sogenannte „Websafe Fonts“ wie Arial, Helvetica, Verdana & Co. zurückgreifen. Diese Schriften sind auf den meisten Geräten vorinstalliert und sorgen dafür, dass deine Website auf allen Geräten, unabhängig vom Betriebssystem deiner Besucher, gut aussieht.

Der Vorteil bei den gängigen Systemschriften: Du brauchst nicht die kostenpflichtige Pro-Version von Kadence.

Eine praktische Übersicht über die gängigsten Schriften auf verschiedenen Systemen findest du übrigens auf cssfontstack.