Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets
Dies stellt lediglich einen persönlichen Lernschritt dar, um die Unterscheidung verschiedener Schriftgrößen zu erlernen. Es dient als Merkblatt und hat zugleich einen lehrreichen Aspekt.
- Um die Beispiele zu verdeutlichen, nutze bitte die Schaltflächen in der Kopfzeile, um die Schriftgrößen zu ändern.
Normaler Text WP-Editor
Hoch- oder tiefgestellter Text, WP-Editor
Relative Schriftgröße smaller
Relative Schriftgröße larger
Absolute Schriftgröße small
Absolute Schriftgröße large
Textmuster in Pixel, px
Textmuster in Punkten, pt
Ein Textmuster in rem
Textmuster prozentual, %
Ein Textmuster in em
Aus diesen Beispielen ist zu erkennen, dass die Formatierungen,
- Normaler Text WP-Editor
- Hoch- oder tiefgestellter Text, WP-Editor
- Relative Schriftgröße
smaller
oderlarger
- Textmuster prozentual,
%
- Ein Textmuster in
em
… mit der Vergrößerung bzw. Verkleinerung einhergehen – dagegen bei den Auszeichnungen:
Überschriften (WP-Editor)
- Absolute Schriftgröße "small"/(large)
- Textmuster in Pixel
- Textmuster in Punkten
- Ein Textmuster in rem,
das Schriftgrößenbild bleibt gleich.
Zusammenfassend, die Überschriften und absoluten Auszeichnungen: small
, large
, px
, pt
, sowie rem
wird die Schriftvergrößerung durch Font-Resizer nicht angesprochen.
WP normaler Text und hoch- oder tiefgestellt, relativen Auszeichnungen: smaller
, larger
, sowie prozentual %
und em
sind ansprechbar.
Der Hinsicht kann man ebenso beachten, die Schriftgrößen in Tabellen (via WP-Editor oder selbige) bleiben vom Font-Resizer unbeeinflusst:
normaler Text, WP-Editor | Textmuster prozentual | Textmuster in em |
Textmuster in px | Textmuster in pt | Textmuster in rem |
Mit einem nun folgenden Rahmen verändert sich die Schriftgröße wie gehabt (Anmerkung: Zur einheitlichen Darstellung der Schrift, bei pt
und rem
sind andere Attributwerte wie oben der Tabelle) – also z. B.:
normaler Text, WP-Editor
Textmuster prozentual, %
Textmuster in em
Textmuster in Pixel
Textmuster in Punkten
Textmuster in rem
Immer zum PFLICHTARTIKEL betreffs Pixel, em und rem – was ist der Unterschied?
Der Beitrag wurde mit fachlicher Unterstützung erstellt.
Aktualisiert im Jahr 2021-Dezember