Die Schrift spielt eine wichtige Rolle bei der Gestaltung des Textes und der Übermittlung von Informationen. Die Bestimmung der Schriftgröße kann jedoch einige Schwierigkeiten verursachen. Es gibt mehrere Möglichkeiten, die Schriftgröße zu bezeichnen, die im Webdesign und in gedruckten Produkten verwendet werden.
Eine der gebräuchlichsten Methoden zur Angabe der Schriftgröße ist die Verwendung von Zahlen. Zum Beispiel wird eine Schriftart mit einer Größe von 12 Pixeln als 12px bezeichnet. Es gibt jedoch auch andere Maßeinheiten, um die Schriftgröße zu bestimmen, z. B. Prozentsätze (%), em (em) oder Punkte (pt).
Die Tags und Titel, die zur Bestimmung der Schriftgröße verwendet werden, können bei unerfahrenen Benutzern zu Verwirrung führen, da sie in verschiedenen Kontexten unterschiedliche Bedeutungen haben. Beispielsweise sieht die in Pixeln definierte Schriftgröße auf allen Geräten unabhängig von der Bildschirmauflösung gleich aus. Gleichzeitig wird die in Prozent definierte Schriftgröße basierend auf der Größe des Browserfensters oder Containers skaliert.
Einige Namen, die zur Bestimmung der Schriftgröße verwendet werden, sind möglicherweise weniger intuitiv. Zum Beispiel verwenden Webdesigner häufig relative Werte wie "medium" oder "large". Diese Werte können jedoch in verschiedenen Browsern oder Geräten unterschiedlich interpretiert werden, was zu Inkonsistenzen bei der Anzeige des Textes führen kann.
Im Allgemeinen hängt die Wahl eines Namens zur Bestimmung der Schriftgröße von der spezifischen Situation und den Anforderungen des Projekts ab. Alle Titel haben ihre Vor- und Nachteile, und es ist wichtig, diese Aspekte zu berücksichtigen, wenn Sie die richtige Schriftgröße für Ihr Design auswählen.
Alternative Begriffe zur Angabe der Schriftgröße
Die Schriftgröße in HTML wird normalerweise mit dem Tag und dem size-Attribut festgelegt. Neben numerischen Werten können jedoch auch andere Begriffe verwendet werden, um die Schriftgröße anzugeben.
Hier sind einige alternative Begriffe, die anstelle von numerischen Werten verwendet werden können:
- Winzig (tiny)
- Sehr klein (very small)
- Klein (klein)
- Mittel (medium)
- Groß (large)
- Sehr groß (very large)
- Riesig (huge)
Этот текст имеет очень маленький размер шрифта.
А этот текст имеет большой размер шрифта.
Natürlich ist die Verwendung von numerischen Werten vorzuziehen, da sie eine genauere Steuerung der Schriftgröße ermöglicht. Alternative Begriffe können jedoch nützlich sein, wenn Sie ungefähre Werte für die Schriftgröße festlegen oder Stile für verschiedene Geräte erstellen.
Zeichendichte pro Flächeneinheit
- Kleine Schrift: Wird normalerweise für Kommentare oder kleinen Text verwendet. Wenn Sie eine kleine Schrift verwenden, ist die Zeichendichte pro Flächeneinheit hoch, da die Zeichen wenig Platz benötigen und in großer Zahl platziert werden können.
- Mittlere Schriftart: Die häufigste Schriftgröße beim Schreiben von Text. Wenn Sie eine mittlere Schriftart verwenden, ist die Zeichendichte moderat, da die Zeichen einen durchschnittlichen Platzbedarf haben und in einer moderaten Anzahl platziert werden können.
- Große Schrift: Wird normalerweise verwendet, um Überschriften oder Schlüsselwörter hervorzuheben. Wenn Sie eine große Schriftart verwenden, ist die Zeichendichte niedrig, da die Zeichen viel Platz benötigen und in einer kleinen Anzahl platziert werden können.
Es ist wichtig, die Zeichendichte bei der Gestaltung und Formatierung von Text zu berücksichtigen, um eine einfache Lesbarkeit und visuelle Wirkung zu erzielen.
Relative Schriftgröße
In CSS können Sie die Schriftgröße mit relativen Werten festlegen, die relativ zur Schriftgröße des Vorgängers (des übergeordneten Elements) festgelegt werden.
Die relativen Werte der Schriftart werden durch die folgenden Schlüsselwörter dargestellt:
- smaller - legt die Schriftgröße kleiner als die Vorgängergröße fest;
- larger - setzt die Schriftgröße größer als die Vorgängergröße;
- x-small - setzt eine sehr kleine Schriftgröße;
- small - legt die kleine Schriftgröße fest;
- medium - legt die durchschnittliche Schriftgröße fest;
- large - stellt eine große Schriftgröße ein;
- x-large - setzt eine sehr große Schriftgröße;
- xx-large - setzt eine extra große Schriftgröße.
Diese Werte ermöglichen eine flexible Anpassung der Schriftgröße, und die Änderungen werden automatisch auf alle Elemente angewendet, die im ausgewählten übergeordneten Element verschachtelt sind.
Dieser Text hat eine größere Schriftgröße als das übergeordnete Element.
Und dieser Text hat eine extra große Schriftgröße.
Normalisierte Schriftgröße
Grundsätzlich wird die normalisierte Schriftgröße anhand der folgenden Werte bestimmt:
Wenn Sie mit einer normalisierten Schriftgröße arbeiten, ist es wichtig, sich daran zu erinnern, dass die endgültige Darstellung von Text auf dem Bildschirm von den Einstellungen des benutzerdefinierten Browsers, der Geräteanzeige und anderen Faktoren abhängt. Daher sollten Sie die Anzeige von Text mit unterschiedlichen Schriftgrößen auf verschiedenen Geräten und in verschiedenen Browsern überprüfen.
Skalierbarer Schriftfaktor
Wenn der Elementstil auf einen Wert für die font-size-Eigenschaft festgelegt ist, können Sie durch den Skalierungsfaktor der Schriftart die Schriftgröße relativ zu diesem Wert erhöhen oder verringern. Wenn Sie einen Skalierungsfaktor verwenden, wird die Schriftart skaliert, ohne die Größe des Containers zu ändern, in dem sie sich befindet.
Der Skalierungsfaktor der Schriftart wird mithilfe der font-size-Eigenschaft und des Werts scale() festgelegt. Als Argument für die Funktion scale() wird der gewünschte Skalierungsfaktor für die Schriftart angegeben. Beispielsweise erhöht der Wert scale(1.2) die Schriftgröße um das 1,2-fache und der Wert scale(0.8) verringert die Schriftgröße um das 0.8-fache.
Sie können den Schriftskalierungsfaktor verwenden, um den Effekt zu erzeugen, den Text zu vergrößern oder zu verkleinern, wenn Sie über ein Element schweben, und um die Textgröße an die Bildschirmgröße des Geräts anzupassen.
Neben dem Skalierungsfaktor der Schriftart gibt es auch andere Möglichkeiten, die Textgröße in HTML festzulegen, z. B. absolute und relative Werte für die font-size-Eigenschaft, die Verwendung von px, em, rem usw. sowie die Verwendung globaler Stileigenschaften zum Ändern der Textgröße im gesamten Dokument.
- Die absoluten Werte für die font-size-Eigenschaft werden in px-Einheiten festgelegt. Der Wert font-size: 16px gibt beispielsweise die Textgröße auf 16 Pixel an.
- Die relativen Werte für die font-size-Eigenschaft werden in Prozent oder in relativen Einheiten angegeben, z. B. em und rem. Beispiel: Der Wert font-size: 120% erhöht die Textgröße um 20% im Verhältnis zum Basiswert, und der font-size: 1.2em-Wert legt die Textgröße auf das 1,2-fache des Basiswerts fest.
- Mit globalen Stileigenschaften wie font-size-adjust, font-stretch und anderen können Sie die Größe von Text in einem gesamten Dokument oder einem Teil davon mit einer einzigen Eigenschaft ändern.
Die Art und Weise, wie Sie die Textgröße in HTML festlegen, hängt von dem gewünschten Effekt und den spezifischen Aufgaben ab, die der Entwickler löst. Der Skalierungsfaktor der Schriftart ist eine bequeme und flexible Möglichkeit, die Textgröße zu steuern, die bei der Erstellung verschiedener visueller Effekte und ansprechendem Design verwendet werden kann.
Maßeinheit für Schriftart
Beim Festlegen der Schriftgröße in HTML werden unterschiedliche Maßeinheiten verwendet. Jede Einheit hat ihre eigene Spezifikation und ermöglicht es Ihnen, einen bestimmten Wert für die Textgröße festzulegen.
Die am häufigsten verwendeten Maßeinheiten für eine Schriftart sind:
- Pixel (px) - Dies ist eine absolute Maßeinheit, die die Schriftgröße in Pixeln angibt. Zum Beispiel ist font-size: 16px; bedeutet, dass die Schriftgröße 16 Pixel beträgt.
- Prozent (%) ist eine relative Maßeinheit, die die Schriftgröße relativ zum übergeordneten Element angibt. Zum Beispiel font-size: 150%; legt die Schriftgröße auf 150% der Schriftgröße des übergeordneten Elements fest.
- Em (em) ist eine relative Maßeinheit, die die Schriftgröße relativ zum aktuellen Element angibt. Zum Beispiel font-size: 1.5em; setzt die Schriftgröße auf das 1,5-fache der aktuellen Schriftgröße.
- Relative Schlüsselwörter - es gibt auch relative Schlüsselwörter in CSS, um die Schriftgröße festzulegen. Einige von ihnen umfassen: small , medium , large , x-large . Sie legen vordefinierte Werte für die Schriftgröße fest.
Die Auswahl einer bestimmten Maßeinheit hängt von der erforderlichen Flexibilität und den Vorlieben des Entwicklers ab. Es ist wichtig sich daran zu erinnern, dass die Schriftgrößen auf die Verfügbarkeit und Lesbarkeit für die Benutzer eingestellt werden müssen.