Css text-shadow – czyli web’owy antyaliasing czcionek :)
Wpadłem dzisiaj na bardzo fajny pomysł „wymuszenia” antyaliasingu czcionek w przeglądarkach internetowych.
Wiem, wiem, można to włączyć sobie w systemie, badzIEwie Microsoftu ma tą funkcję wbudowaną od wersji 7, ale mi chodzi o „uruchomienie” tego w każdej nowszej przeglądarce.
Jak to zrobić? To banalnie proste
W CSS do selektora body należy dodać:
body {
text-shadow: #939598 0px 0px 1px;
}
Wyjaśnienie:
text-shadow - atrybut css odpowiedzialny za rzucanie cienia
#939598 - kolor cienia pod czcionką, który symuluje AA, najlepiej użyć koloru 50% czarny
0px 0px – położenie cienia względem czcionki
1px – rozmiar rozmycia cienia.
Poniżej podaję przykłady w użyciu