font-size body jetzt 60% größer

Kategorie: WordPress-Tipps | Share: funkygog       

Bislang hatte ich in meiner style.css die Body font-size mit einem Prozentwert von 62,5 angegeben. Das schien mir ganz clever…

Doch jetzt habe ich einen interessanten Beitrag bei Toscho-Design gelesen:

Daraufhin habe ich die font-size auf 100.01% gesetzt.
Warum nicht auf 100%?
Folgender Artikel von Webseiten-Infos ist daran Schuld:

  • Benutzer Stylesheets unterstützen
    Das Setzen der Schriftgröße auf 100.01% statt 100% empfiehlt sich um Rundungsfehler bei relativen Schriftgrößen (em, Prozent) in den älteren Browsern zu vermeiden.

Überarbeiten der style.css

Neben der Änderung der Body font-size müssen jetzt noch weitere Schriftgrößen geändert werden.
Der Aufwand ist aber geringer als erwartet. Im wesentlichen sind die div-Container zu ändern: Header | Content | Sidebar | Footer

Zum Beispiel:

  • vorher: #content {font-size: 1.3em;}
  • nachher: #content {font-size: 0.8em;}

Die Überschriften (h1, h2, h3…) innerhalb des Content-Bereiches haben keine geänderten Werte. Entweder sind sie relativ (em oder %-Angaben) oder absolut (px oder pt). In beiden Fällen stimmen die vorherigen Angaben noch.
Die Überschrift soll 1.6x mal so groß sein wie der Content-Bereich = 1.6em

Umrechnung von 62.5% auf 100%

Den vorherigen Wert durch 1,6 teilen (oder mit 0,625 multiziplieren)

  • Umrechnung-Werte anzeigen



Einen Kommentar hinterlassen

*=erforderliche Angaben

Innerhalb der Kategorie: WordPress-Tipps