text

Schriftarten einbauen

Immer nur serif oder sans-serif Schriften verwenden ist langweilig. Drum zeig ich euch, wie man Google Schriftarten einbaut.

Es gibt mehrere Möglichkeiten, Schriften einzubauen. Mann kann es zum Beispiel über HTML machen, aber ich zeig euch, wie das über CSS geht, weil es weniger Aufwand ist.

  1. Auf fonts.google.com eine oder mehrere Schriften auswählen und in den “Warenkorb” hinzufügen mit “get font“.
  2. view selected families” oben rechts auswählen und dann auf “get embeded code
  3. beim “Web” Tab und @import auswählen
  4. Kopiere was zwischen den <style> tags steht (ohne die <style> tags selbst) und füge den Code in Dein CSS ein. Am besten ganz am Anfang
  5. Je nachdem, wo Du die Schrift anwenden möchtest, musst Du die font-family anwenden und dann den Schriftnamen angeben, den Du wählen möchtest.

Expertentipp

Achte darauf, dass Du nur die Schriften im “Warenkorb” hast, die Du auch wirklich benötigst. 1-2 Schriften sollten reichen. Mehr Schrift heißt nicht automatisch mehr schön.