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.



Andere

Kategorie

Beliebte Beiträge

So verwenden Sie die SQL Server-Rollen

So überprüfen Sie die Java-Version auf dem Mac

So verwenden Sie Docker Compose unter Windows

sprintf-Funktion in C

Was ist ein Agent in LangChain?

Wie installiere und verwende ich Docker unter Fedora und CentOS?

So löschen Sie den lokalen Git-Cache

So installieren Sie Git unter Debian 11 Bullseye

So installieren Sie die Conda-Befehlszeile unter Ubuntu Linux

Wie funktioniert die For-Each-Schleife in TypeScript?

Logstash in Docker

Wie übergeben Sie Argumente an Funktionen in C++: Nach Wert vs. Nach Referenz?

So verwenden Sie die PHP-Funktion parse_str()

So deaktivieren Sie SELinux unter Fedora Linux 39

So schließen Sie den Git Commit Editor unter Windows

Erklären Sie var functionName = function() {} vs. function functionName() {} in JavaScript

Wie verwende ich ein Dinnerbone-Namensschild, um einen Mob in Minecraft auf den Kopf zu stellen?

Wie funktioniert „createInterface()“ in Node.js?

Wie verwende ich den IN-Operator in MySQL?

So verwenden Sie verschachtelte Funktionen in MATLAB