Schriften in Proportion
R/EM Fonts
Die Einheiten EM oder REM (Root EM) gehen von einem Standardwert der Schriftgrösse des Elementes aus. Dieser Wert ist dann 1 em oder 1rem
EM
Der Standard-Wert des EM eines Elementes ist seine Font-Size. Zentrales Merkmal für die Wertbestimmung ist das Vererbungsprinzip. Ist die Font-Size selbst 1em wird geschaut, was die Schriftgrösse des Parent-Elementes ist und schlussendlich die Body Font-Size oder HTML Font-Size als Basis genommen. Das wären dann 16px. Hat das Parent-Element eine andere Schriftgrösse, gilt dies als Basis (1em).
REM
Der Root-EM behält immer die HTML Font-Size (Standard 16px) als Wert und somit wird der Wert nicht vererbt. Die Font-Size des HTML/Body kann aber sehr wohl unterschiedlich gross sein.
EM/REM sind sinnvoll, da sie ihre Grösse proportional zu ihrer Basis verändern. Stellt man also die Basis um, verändern sich die Grössen proportional zur Basis mit.
Für die Accessibility bekommt diese Logik ein zusätzliches Gewicht. Stellt man im Browser die Schriftgrösse um, ändern die Schriften relativ dazu.
