Mit der CSS-Eigenschaft font-size können wir die Schriftgöße spezifizieren. Wir können die Schriftgröße in absoluten oder in relativen Einheiten setzen. Am häufigsten werden pixel (px), rem und em genutzt.
Root (HTML) Default Schriftgröße beträgt 16px.
rem:wird immer relative zum Root Element (HTML tag) (1rem = 16px) berechnet
em: wird relative zum Elternelement berechnet. Achtung durch nesting der Elemente kann es mit em sehr unübersichtlich werden
CSS text-align richtet Texte und Inline-Elemente wie Bilder innerhalb eines Blockelements rechtsbündig, linksbündig, zentriert oder im Blocksatz aus.
text-align:center, left,center, right, justify
Mit der Eigenschaft font-family können wir die zu verwendende Schriftart bestimmen.
Mit font-weightkönnen wir die Schriftdicke bestimmen.
Die folgenden Werte können wir für text-decoration verwenden.
none (Ohne Dekoration)
overline (Oberstrich)
underline (Unterstrich)
line-through (Durchgestrichen)
mit line-height können wir die Höhe einer Zeile bestimmen. Das sorgt für eine bessere Lesbarkeit.
mit letter-spacing können wir den Abstand zwischen den Buchstaben verändern.
text-transform:capitalize(setzt den ersten Buchstaben des Wortes auf Großschreibung)text-transform:uppercase(setzt das gesamte Wort auf Großschreibung)text-transform:lowercase(setzt das gesamte Wort auf Kleinschreibung)
mehr Lesematerial
👉font und Text Styling Deutsch
👉Medium Artikel rem vs em units in css
👉css-tricks font-sizes
👉tips for using 3rd party fonts
👉font-display
google-webfonts-helper (a hassle-free way to self-host Google fonts)