Kleine HTML-Schriftart

Der heutige Beitrag wird uns beibringen, wie man kleine Schriftarten in HTML anzeigt.

Kleine Schriftarten in HTML anzeigen

Die CSS-Eigenschaft font-size bestimmt die Schriftgrösse. Wenn die Schriftgröße geändert wird, werden auch die Größen der relativen Längeneinheiten der Schriftgröße, wie z. B. em, ex usw., geändert.

Die Schriftgrösse kann auf vielfältige Weise angegeben werden, unter anderem über Schlüsselwörter oder Zahlenwerte in Pixeln oder ems. Wählen Sie den geeigneten Ansatz je nach den Anforderungen der jeweiligen Webseite.

Syntax:

font-size: value

Die dreizehn Werte, die font-size unterstützt, sind wie folgt aufgelistet:

1. Der Standardwert für das Attribut font-size ist medium, wodurch die Schriftgrösse mittel wird.
2. Die font-size wird durch den xx-small-Wert auf eine xx-small-Grösse gesetzt.
3. Der Wert x-small reduziert die Textgrösse noch weiter.
4. Die Zahl klein reduziert die Textgrösse auf klein.
5. Der Wert groß vergrößert die Textgröße auf eine große Größe.
6. Die font-size wird mit der Option x-large auf extra gross geändert.
7. Die font-size wird durch den Wert xx-large auf das Doppelte extra gross gesetzt.
8. Die Schriftgröße ist auf einen kleineren Wert eingestellt, kleiner als das übergeordnete Element.
9. Die grössere Zahl erhöht die Schriftgrösse über dem übergeordneten Element.
10. Der Wert Länge legt eine feste Schriftgrösse in Pixeln, Zentimetern usw. fest.
11. Die font-size wird mit dem Wert % auf einen Prozentsatz der Schriftgrösse des übergeordneten Elements gesetzt.
12. Der Anfangswert legt den Standardwert für dieses Attribut fest.
13. Das Attribut Erben wird von einem Element von seinem übergeordneten Element geerbt.

Weitere Details zur Schriftgröße finden Sie in der offiziellen Dokumentation hier.

Um das vorherige Konzept besser zu verstehen, betrachten Sie das folgende Beispiel.

<p style="font-size: medium;">Hello World!</p>
<p style="font-size: 5px;">Hello World!</p>
<p style="font-size: x-small;">Hello World!</p>
<p style="font-size: small;">Hello World!</p>
<p style="font-size: xx-small;">Hello World!</p>
<p style="font-size: xx-large;">Hello World!</p>
<p style="font-size: large;">Hello World!</p>

Das obige Beispiel druckt den Ausdruck hello world mit unterschiedlichen Schriftgrössen. Wählen Sie den geeigneten Ansatz je nach den Anforderungen der jeweiligen Webseite.