Websiteentwicklung: CSS: Schriftgröße

Zurück zu Schriftfarbe | Hoch zu CSS | Vor zu Schriftgewicht

Mit Hilfe von font-size lässt sich die Schriftgröße eines Textes definieren.

absolute Größenangaben

Es wird empfohlen (und für amtliche Seiten in Deutschland per Gesetz vorgegeben) dass für Schriftgrößen relative Maßangaben verwendet werden sollen (siehe unten) um den Nutzern das Einstellen der Schriftgröße zu ermöglichen.

numerische Größenangaben

Bei der numerischen Größenangabe wird ein fester Wert als Größe angegeben. Wie nahezu alle Werte in CSS benötigt auch diese Angabe zwingend eine Maßeinheit.

p {
  font-size: 12px;
}
/* oder */
p {
  font-size: 10pt;
}

Angaben über Bezeichner

xx-small	winzig
x-small	sehr klein
small	klein
medium	mittel
large	groß
x-large	sehr groß
xx-large	riesig

p {
  font-size: small;
}

relative Größenangaben

Relative Größenangaben stehen immer in Relation zum Elternelement.

numerische Größenangaben

h1 {
  font-size: 2em;
}
/* oder */
h1 {
  font-size: 200%;
}

Angaben über Bezeichner

• smaller für kleiner als im Elternelement.
• larger für größer als im Elternelement.

p {
  font-size: smaller;
}

Zurück zu Schriftfarbe | Hoch zu CSS | Vor zu Schriftgewicht