Regelmäßig stören mich Die recht hässlichen und Typografisch gar nicht tollen Unterstreichungen die normalerweise im Web zu finden sind. Konkret stört mich daran, dass die Unterlängen der Zeichen durchgestrichen sind und das Ganze dadurch sehr gedrängt wirkt. Aus diesem Grund bin ich dazu über gegangen das eigentlich dafür vorgesehene und übliche CSS Tag text-decoration:underline; zu boykottieren. Viel schöner finde ich das Unterstreichungen über den Befehl border-bottom zu realisieren.
Aus Typografischer Sicht ist das zwar immer noch nicht die optimale Lösung, da sich die Unterlängen und die Unterstreichung nicht treffen. Daher könnte man den Rahmen noch ein Pixel weiter nach unten setzen. Je nach verwendeter Schriftart, Schriftgröße und Zeilenabstand kann das aber zu viel Platz verschlingen. Daher verwende ich auf dieser Siete keinen Abstand.
Die 3 Varianten im Vergleich:
text-decoration:underline; border-bottom: 1px solid; border-bottom: 1px solid; padding-bottom:1px; |
Typografie
… nicht so schön
Typografie
… in dieser Darstellung perfekt, bei kleineren Schriftgrößen berühren sich aber auch hier Unterlängen und Unterstreichung.
Typografie
… für kleine Schriftgröen meißt die Beste Wahl
Das ist diesesmal zwar nur ein kleiner aber dafür aus meiner Sicht kleiner Hinweis und damit starte ich gleich den Aufruf für “schönere Unterstreichungen”. Abgesehen davon gibt es allerdings noch viele weitere Typografische Sünden im Web, dazu aber ein anderes mal.
