Willkommen beim WP Wegerl.at 'Lesemodus'!
Entspanntes Lesen und spannende Artikel warten auf dich.
Entdecke unsere besten Beiträge und genieße den Lesemodus.
smilies.4-user.de

Font-Resizer und Schriftzuschnitt. – so Einsicht

Info echo
OpenClipart-Vectors-katze-1

Ist der Classic-Editor schon zu kennen? –
"Advanced Editor Tools – ist so klasse!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-2

Classic-Editor mit Advanced Editor Tools
"Advanced Editor Tools – Ausgezeichnet!"
Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-3

Klassischen Editor anwenden! – und …
"Advanced Editor Tools – ist sehr gut!"
Advanced Editor Tools immer NEU – Classic Widgets

Info echo
OpenClipart-Vectors-katze-7

… die Welt gehört dem, der sie genießt.
– mit Advanced Editor Tools!
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-4

Aktive Installationen: 2+ Millionen
"Advanced Editor Tools – ist so fabelhaft!"
Advanced Editor Tools immer NEU! Classic Widgets

Info echo
OpenClipart-Vectors-katze-5

Antörnend! – so gehts hier zur Lancierung
"Advanced Editor Tools – ist de luxe!"
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-6

… Classic Widgets sind so praktisch!
"Classic Widgets – sind so grandiose!"
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-8a

Werkraum ist Werkraum – Frontend ist Frontend
Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker
"Advanced Editor Tools – ist so fein!"
Advanced Editor Tools immer 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 oder larger
  • 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-EditorTextmuster prozentual Textmuster in em
Textmuster in pxTextmuster in ptTextmuster 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