Wie ändert man die Schriftgröße in HTML?

Team Endungen.de 18. November 2023

Lesezeit: 4 min

Die Veränderung der Schriftgröße in HTML ist ein wesentlicher Aspekt beim Entwerfen von Webseiten, um die Lesbarkeit und das allgemeine Erscheinungsbild zu verbessern. Es gibt verschiedene Methoden, wie man die Schriftgröße anpassen kann, um Webinhalte attraktiver und zugänglicher zu machen.

70% Benutzer bewerten den Artikel als hilfreich

War dieser Artikel hilfreich? Nicht hilfreich

Ändern der Schriftgröße in HTML

Verwendung des style Attributs

Das direkte Anpassen der Schriftgröße innerhalb eines HTML-Elements ist durch das style-Attribut möglich. Hierbei kann man CSS-Eigenschaften direkt im HTML-Code definieren.

• Via CSS font-size Eigenschaft: Man kann das style-Attribut eines HTML-Elements wie folgt nutzen, um seine Schriftgröße zu ändern: <p style="font-size: 20px;">Textbeispiel</p>

Verwendung von CSS-Stylesheets

Für eine effizientere und konsistentere Gestaltung der Webseite empfiehlt es sich, CSS-Stylesheets zu verwenden, statt einzelnen Elementen direkt Stile zuzuweisen.

1. Externe Stylesheets: Durch Linken eines externen CSS-Files im Kopfbereich der HTML-Seite kann man globale Stile definieren, die auf mehrere Elemente oder Seiten angewendet werden.

   <link rel="stylesheet" href="styles.css">
   

   In styles.css definiert man dann die Schriftgröße, z.B.:

   p {
     font-size: 16px;
   }
   

2. Interne Stylesheets: Man kann ein internes Stylesheet innerhalb eines <style>-Tags im Kopfbereich des HTML-Dokuments definieren, um die Schriftgröße festzulegen.

   <style>
   p {
     font-size: 18px;
   }
   </style>
   

Verwendung von Inline-Styles

Inline-Styles bieten eine schnelle Methode, die Schriftgröße für ein einzelnes Element direkt zu definieren. Diese Praxis ist jedoch für die Gestaltung ganzer Webseiten nicht zu empfehlen, da sie die Wartung und Konsistenz der Webseite erschwert.

Best Practices für die Schriftgrößenanpassung

Während man in HTML die Schriftgröße mühelos anpassen kann, sollte man einige Best Practices befolgen, um die Zugänglichkeit und Leserlichkeit zu sichern:

• Schriftgrößen in relativen Einheiten (wie em oder rem) anzugeben, verbessert die Skalierbarkeit und Zugänglichkeit.
• Sich auf eine konsistente Schriftgrößenskala über die gesamte Webseite hinweg festzulegen, fördert das einheitliche Erscheinungsbild.
• Zugänglichkeitsrichtlinien, besonders in Bezug auf die Lesbarkeit, immer im Auge behalten.

Weitere aus Allgemeine Beiträge