Bootstrap Schriftart ändern


  • Wähle die Schriftart, die Du auf Deiner Webseite verwenden möchtest. Eine gute Möglichkeit, Schriftarten zu finden, ist Google Fonts.

  • Öffne Deine Bootstrap-5-CSS-Datei (oder erstelle eine neue) und füge den ersten Code am Anfang des Dokuments ein

Ersetze Font+Name durch den Namen der Schriftart, die Du verwenden möchtest. Der Code importiert die Schriftart aus Google Fonts und macht sie in Deinem Dokument verfügbar.

  • Finde die Klasse, die die Schriftart beeinflusst. In Bootstrap 5 ist dies normalerweise body.

  • Füge der Klasse, die die Schriftart beeinflusst, den folgenden zweiten Code hinzu.

Ersetze Font+Name durch den Namen der Schriftart, die Du verwenden möchtest.

Jetzt wird die Schriftart Deiner Wahl auf Deiner Webseite verwendet.

Bootstrap 5 bietet viele Möglichkeiten zur Anpassung der Schriftarten. Du kannst die Schriftgröße, die Schriftfarbe und die Schriftgewicht anpassen, indem Du einfach weitere CSS-Regeln hinzufügst.

Vorsicht: Bei der Verwendung von Google Fonts musst du die Datenschutzerklärung anpassen und vorh Nutzung der Google Fonts die Einwilligung deiner Website-Besucher holen, dass das in Ordnung ist. 

@import url('https://fonts.googleapis.com/css2?family=Font+Name&display=swap');

font-family: 'Font Name', sans-serif;