Texte in HTML kann man einfach bearbeiten. Dazu zählt auch die Schriftgröße. In dem Folgenden Beitrag zeige ich dir wie du in HTML die Schriftgröße ändern kannst.

Ohne Veränderung sieht dein HTML Code so aus

HTML
<div>Dieser Text hat keine Schriftgröße</div>

Schrift Größe ändern

Schriftgrößen werden immer mit CSS verändert. Der Befehl in CSS heißt font-size: 15px . Der Text wird nun in Schriftgröße 15 angezeigt.

HTML
<div style="font-size: 15px;">Dies ist ein Text in Schriftgröße 15</div>

Ergebnis

Dies ist ein Text in Schriftgröße 15

Die Schriftgröße wird in der Regel in Pixel angegeben, das bedeutet die Anzahl der Punkte auf dem Bildschirm. Der Buchstabe nimmt die Anzahl in Pixeln in der Höhe ein

Schriftfarbe ändern

Wenn du jetzt zudem auch noch die Schriftfarbe ändern möchtest. Dann kannst du das mit dem Befehl color #2dcc77 machen. Die Zahl #2dcc77 steht dafür für den Hex Farbcode Den Farbcode kannst du dir für jede Farbe generieren lassen.

HTML
<div style="color: #2dcc77;">Dieser Text hat eine Farbe</div>

Ergebnis

Dieser Text hat eine Farbe

Schriftart ändern

Die Schriftart wird verändert in dem man in CSS-Attribut die Schrift Familie: font-family hinterlegt. Als Befehl wird der Name einer Schriftart angegeben.

Dabei solltest du beachten, dass Schriftarten, die nicht auf dem Computer installiert sind auch nicht als solche angezeigt werden können. Wenn du zum Beispiel die Schriftart ‚Arial Black‘ definierst und jemand der kein ‚Arial Black‘ installiert hat, sich diese Seite ansieht, dann erscheint die Schrift bei ihm automatisch in einer anderen Schriftart. Abhilfe dabei schaffen später sogenannte Webfonts.

Durch die Angabe von mehreren Schriftarten wird die erste Schrift genommen, die verfügbar ist. Sollte also im folgenden Beispiel die Schrift „Verdana“ nicht vorhanden sein, wird auf „Arial“ zurückgegriffen:

HTML
<div style="font-family: Arial, Verdana">Dieser Text hat eine andere Schriftart</div>

Über mich