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.
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:
"Beispieltext"
Welche Schriftgröße am besten passt, müsst ihr selbst austesten. Im Regelfall sollten die Schriftgrößen 2 bis 4 euren Vorstellungen entsprechen.
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.
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.
