So verbessern Sie die Lesbarkeit durch Schriftgrößenanpassung

So Verbessern Sie Die Lesbarkeit Durch Schriftgrossenanpassung



Bei der Text- oder Schriftgröße handelt es sich grundsätzlich um eine Zahl, mit der die Größe des Zeichens gemessen wird. Es misst Buchstaben oder Zahlen, die auf dem Bildschirm sichtbar sind. Die Schriftgröße wird in Punkt gemessen und ist die kleinste Maßeinheit. Eine gute Schriftgröße, nicht zu klein, nicht zu groß, macht den Inhalt lesbar und fördert die horizontale Augenbewegung. Durch die richtige Schriftgröße können Benutzer die Informationen leichter lesen.

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
Beginnen Sie mit der Erstellung des

mit dem Klassennamen „ Inhalt “. Fügen Sie anschließend einige Inhalte in die ein
Etikett:



< 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 >

Schritt 2: CSS anwenden
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;
}

Ausgabe
Hier ist eine Ausgabe des Codes, die für alle Bildschirmgrößen geeignet ist:







Schritt 3: Medienabfrage anwenden



  • Erwähnen Sie zunächst die '@erwähnen' Tag und geben Sie die Bildschirmgröße an „ 768px ' zum ' maximale Breite ' Eigentum. Diese Bildschirmgröße gilt für alle Bildschirme, deren Größe gleich oder kleiner als „ 768px “.
  • Geben Sie anschließend die Schriftgröße für an ,

    , Und

    Stichworte:

@ 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
}
}

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 ”:

Abschluss

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.