Anzeige
Anzeige
Für Links auf dieser Seite erhält GIGA ggf. eine Provision vom Händler, z.B. für mit oder blauer Unterstreichung gekennzeichnete. Mehr Infos.
  1. GIGA
  2. Tech
  3. Apps & Downloads
  4. Die Schriftgröße mit HTML anpassen – so geht es ganz einfach

Die Schriftgröße mit HTML anpassen – so geht es ganz einfach

© Igor Kutyaev / GettyImages
Anzeige

HTML oder doch CSS? Wenn ihr die Schriftgröße auf euer Webseite ändern wollt, erfahrt ihr hier, wie das geht und was ihr dabei beachten müsst. 

Wenn ihr eure eigene Homepage gestalten möchtet benötigt ihr einiges an Wissen, um eure Vorstellungen in Code zu realisieren. Die Schriftgröße beispielsweise wird in HTML mit vordefinierten CSS-Dateien verändert, oder direkt im Code selbst. Wir zeigen euch in diesem Artikel was ihr tun müsst, um die Schriftgröße anzupassen.

Anzeige

So haben sich diese Programme über die Zeit verändert:

Schriftgröße im HTML-Code ändern

Wenn ihr die Schrift im puren HTML-Code ändern wollt, habt ihr mehrere nützliche Werkzeuge, die ihr nutzen könnt. Das einfachste Tool ist der Code "font size". Wie in HTML üblich beginnt ihr mit einer dreieckigen Klammer "<". Das "X" steht in diesem Beispiel für eine Ziffer, die ihr dort eintragen müsst:

Anzeige

"Beispieltext"

Welche Schriftgröße am besten passt, müsst ihr selbst austesten. Im Regelfall sollten die Schriftgrößen 2 bis 4 euren Vorstellungen entsprechen. 

Anzeige
HTML und CSS: Das umfassende Handbuch
HTML und CSS: Das umfassende Handbuch
Preis kann jetzt höher sein. Preis vom 13.11.2024 02:06 Uhr

Neben dem Code "font size" könnt ihr außerdem "small" oder "big" nutzen. Bei diesen praktischen Codes wird der Text um eine Größe kleiner oder eben größer dargestellt. Der Code geht von der Standardgröße aus kann mehrfach verwendet werden. Zum Beispiel könnt ihr "small" in eine Doppelklammer verschachteln, um den Text um zwei Größen kleiner darstellen zu lassen, als die Vorgabe es ist:

"Beispieltext, der um 2 Nummern kleiner ist als der Rest"

Schriftgröße mit CSS ändern

Moderne Websites nutzen vermehrt CSS-Dateien, die die Schriftgröße und weitere Einstellungen vordefinieren. Im HTML-Code selbst wird auf die CSS-Datei verwiesen. Im CSS-Dokument selbst definiert ihr Regeln für die Darstellung des gesamten Textes. 

Ein Beispiel: In CSS schreibt ihr h2 { font-size: 2em }. Wenn ihr nun in HTML Beispielstext schreibt, wird der Text in der CSS-Datei vorgegebenen Größe dargestellt. 

HTML & CSS für Dummies
Das Produkt ist nicht mehr verfügbar. Zuletzt geprüft: 12.11.2024 20:21 Uhr

Neben der Möglichkeit den Text zu vergrößern und zu verkleinern, könnt ihr mit CSS außerdem festlegen, wo auf der Homepage etwas wie dargestellt wird. So könnt ihr für jeden Baustein eine genaue Formatvorlage erstellen, anstatt diesen immer wieder händisch formatieren zu müssen.

Anzeige