Inversen Text vor der Hässlichkeit retten?
21. Juni 2007
Per Mail erreicht mich diese Frage:
Ich habe ein großes Problem mit Html Schriften auf schwarzem Untergrund. Ich bin Designer, kein Html Programmierer, daher wusste ich nicht, dass helle Schrift auf schwarzem Untergrund unglaublich hässlich aussieht. Viel zu fett & zu viel aliasing!
Meine Frage an sie ist nun: Hätten sie einen Tip für mich, welche Schrift besonders gut für schwarze Hintergründe geeignet ist? Bzw. in welcher Schriftgröße?
Leider steht das Layout schon und ich MUSS unter allen Umständen einen schwarzen Untergrund verwenden …
Als Antwort schrieb ich dies:
vielleicht kann man ein wenig tricksen und das Schwarz ein wenig ins Graue übergehen lassen, die Schrift nicht komplett weiß, sondern leicht gebrochen, so dass der Kontrast ein bisschen weniger stark rüberkommt.
Ansonsten gibt es keine wirklich generell zu empfehlende Schrift speziell für Inverse Layouts. Die Verdana dürfte wahrscheinlich noch am robustesten sein – von einer Serifenschrift würde ich eher abraten.
Es gibt einen kleinen CSS-Trick, mit dem man zumindest im Safari das ausufernd fette Antialiaising wegzaubern kann:
text-shadow: 0 0 0 #000000;
Und als Farbe dann die Hintergrundfarbe nehmen, auf der der Text stehen soll.