In diesem Beitrag wird die Methode zur Verbesserung der Lesbarkeit durch die Schriftgröße erläutert.
Wie kann die Lesbarkeit durch die Anpassung der Schriftgröße verbessert werden?
Die Lesbarkeit von Schriftarten kann durch die Berücksichtigung verschiedener Faktoren erhöht werden. Beispielsweise kann die Leitungslänge etwas größer werden. Verwenden Sie außerdem eine geeignete Schriftfamilie und eine geeignete Schriftgröße. Um jedoch die Verbesserung der Lesbarkeit durch die Schriftgröße praktisch zu erlernen, befolgen Sie die folgenden Schritte:
Schritt 1: Erstellen Sie eine HTML-Struktur Schritt 2: CSS anwenden Ausgabe Schritt 3: Medienabfrage anwenden Unten sehen Sie eine Ausgabe nach Anwendung der Medienabfrage. Die Medienabfrage wurde für Geräte entwickelt, deren Bildschirmgröße gleich oder kleiner als „ 768px ”: Um die Lesbarkeit durch die Schriftgröße zu verbessern, entwickeln Sie zunächst ein Gefühl für die Lesbarkeit und die Schriftgröße. Machen Sie sich außerdem mit den unterschiedlichen Schriftgrößen und Schriftart-Tags vertraut. Wählen Sie die passende Schriftgröße und anschließend die passende Zeilenhöhe. Normalerweise beträgt die Zeilenhöhe das 1,2-fache der Schriftgröße. Wählen Sie außerdem die Schriftfamilie, die für Webinhalte geeignet ist. In diesem Artikel wurde die praktische Möglichkeit aufgezeigt, die Lesbarkeit durch die Anpassung der Schriftgröße zu verbessern.
Beginnen Sie mit der Erstellung des
< Körper >
< div Klasse = 'Inhalt' >
< h1 > Willkommen bei Linux Hint. < / h1 >
< P > Eine beliebte Portal-Website, Linux Hint, bietet großartige Informationen zu Informatikthemen. < / P >
< / div >
< / Körper >
Stellen Sie zunächst „ Schriftgröße ' Zu ' 16px ” und „line-height“ zu „ 1.5 “. Stellen Sie außerdem auch die Schriftart ein Und Stichworte:
Körper {
Schriftfamilie: serifenlos;
Schriftart- Größe : 18px;
Linie- Höhe : 1.5 ;
}
h1 {
Text- ausrichten : Center;
Schriftart- Größe : 26px;
}
P {
Schriftart- Größe : 18px;
}
Hier ist eine Ausgabe des Codes, die für alle Bildschirmgrößen geeignet ist:
@ Medien ( max- Breite : 768px ) {
Körper {
Schriftart- Größe : 16px;
Linie- Höhe : 1.5 ;
}
h1 {
Schriftart- Größe : 22px;
}
P {
Schriftart- Größe : 14
}
}
Abschluss