So ändern Sie die Schriftgröße in HTML
In diesem Artikel werden wir also sehen, wie man die Schriftgröße in HTML ändert:
- mit Pixeln
- Verwendung von Prozentsatz %
- gemäß Bildschirmgröße
- Verwenden Sie den kurzlebigen Einheitswert
So ändern Sie die Schriftgröße in HTML mithilfe der Eigenschaft mit Schriftgröße?
In HTML kann die Schriftgröße durch die Schrift im CSS-Schriftgröße geändert werden. Die Schrift im Bereich der Schriftgröße unterstützt eine Liste von Optionen, um die Schriftgröße gemäß einigen Kriterien zu ändern. In diesem Abschnitt wird die Liste der möglichen Optionen der Schrift in der Schriftgröße beschrieben, um die zu ändern Schriftgröße In HTML.
- Verwenden von Pixeln (PX)
Wir können die Schriftgröße mit Hilfe der CSS-Schriftgröße ändern und ihren Wert in Pixel festlegen. Ein Pixel ist eine Messeinheit, um die Höhe, Breite, Schriftgröße usw. anzugeben, die von Webentwicklern verwendet werden. 1 Pixel repräsentiert den 1/96. Teil eines Zolls auf einem Bildschirm. Das folgende praktische Beispiel zeigt die Verwendung dieser Eigenschaft mit Pixelwerten. Standardmäßig beträgt die Schriftgröße 16 Pixel.
Code:
Dies ist die normale Schriftgröße in einem HTML -Dokument.
Die Schriftgröße wird unter Verwendung der CSS-Schriftgröße in 30 Pixel geändert.
In diesem Code schreiben wir zwei Absätze und ändern die Größe eines Absatzes mit der CSS-Schriftgröße auf 25px.
Ausgang:
Die Ausgabe zeigt, dass die Schriftgröße in Pixel erfolgreich verändert wird.
- Verwendung von Prozentsatz %
Wir können auch die Schriftgröße ändern, indem wir den Wert der CSS-Schriftgröße in Prozent gegenüber der HTML-Dokumentkörpergröße festlegen, was bedeutet. Schauen wir uns das folgende Beispiel an, um besser zu verstehen.
Code:
Dies ist die normale Schriftgröße in einem HTML -Dokument.
Die Schriftgröße wird im Prozentsatz mithilfe von CSS-Schriftgrößeneigenschaft geändert.
In diesem Code erstellen wir zwei Absätze und ändern die Größe des zweiten Absatzes mithilfe von CSS-Schriftgrößeneigenschaft und setzen seinen Wert auf 150 Prozent.
Ausgang:
Diese Ausgabe zeigt, dass wir die Schriftgröße erfolgreich geändert haben, indem wir den Wert im Prozentsatz angeben.
- Stellen Sie die Schriftgröße gemäß der Bildschirmgröße ein
Schriftgröße kann auch dynamisch verändert werden. Das bedeutet, dass sich unsere Schriftgröße entsprechend der Bildschirmgröße dynamisch ändert. Ändern Sie die Schriftgröße gemäß dem von uns verwendeten Bildschirm VW (Ansichtsfenster). Das folgende Beispiel zeigt die Verwendung von VW-Werten in CSS-Schriftgrößeneigenschaft.
Code:
Dies ist die normale Schriftgröße in einem HTML -Dokument.
Die Schriftgröße wird im Prozentsatz mithilfe von CSS-Schriftgrößeneigenschaft geändert.
In diesem Code erstellen wir zwei Absätze und ändern die Größe eines Absatzes, indem wir den VW -Wert verwenden, der den Text gemäß der Bildschirmgröße verändert.
Ausgang:
Die Ausgabe zeigt, dass der Absatz mit normaler Textgröße statisch bleibt, während der Absatz, der verwendet VW Wert, um die Schriftgröße zu ändern.
- Verwenden des kurzlebigen Einheitswerts
Wir können die Schriftgröße ändern, indem wir die Eigenschaft CSS-Schriftgröße verwenden und ihren Wert auf EM festlegen. Hier soll 1EM der aktuellen Schriftgröße des HTML -Dokumentkörpers entsprechen. Standardmäßig beträgt die normale HTML -Dokument -Schriftgröße 16 Pixel, sodass wir sagen können, dass 1EM = 16 Pixel. Das folgende praktische Beispiel zeigt die Verwendung der EM -Einheit.
Code:
Dies ist die normale Schriftgröße im HTML -Dokument.
Die Schriftgröße wird im Prozentsatz mithilfe von CSS-Schriftgrößeneigenschaft geändert.
In diesem Code haben wir die Größe des Absatzes durch die Verwendung der CSS-Schriftgröße geändert und seinen Wert auf 2 em eingestellt, was 32 Pixel entspricht.
Ausgang:
Diese Ausgabe zeigt, dass wir die Schriftgröße mit dem EM-Wert der CSS-Schriftgröße geändert haben.
Bitte schön! Sie können jetzt die Schriftgröße in HTML jetzt erfolgreich ändern, indem Sie eines der oben genannten Methoden verwenden.
Abschluss
In HTML können wir die Größe der Schrift ändern, indem wir die Eigenschaft CSS-Schriftgröße verwenden und ihre Werte in Pixel, Prozentsatz, Ansichtsfenster und kurzlebigen Einheiten festlegen. In diesem Artikel haben wir alle Wertsätze durchlaufen, die mit der CSS-Schriftgröße verwendet werden können, um die Größe der Schrift in HTML zu ändern. Die Pixel, der Prozentsatz und die EM sind die festen Werte, während die Ansichtsfensteroption die Schriftart gemäß der Bildschirmgröße manipuliert.