Czcionka CSS

Pomysłowość ludzka nie zna granic, a webmasterzy to mają już chyba naprawdę nie?le nakichane. Z serii głupie zabawy na długi weekend majowy prezentuję ciekawostkę z Digga. Czcionkę stworzoną w 100% w CSS.

Stu Nicholls stworzył czcionkę CSS. Czym się różni od masy fontów zainstalowanych w naszym systemie? Ano tym, że każda ta literka została stworzona przy pomocy odpowiednio ostylowanego zestawu <div>-ów. Zresztą zobaczcie sami:

Cyferki

Literki

Znaki specjalne

Czy kod jest wyświetlany poprawnie we wszystkich przeglądarkach? Było ponoć testowane i działało pod IE5.01, IE5.5, IE6, Mozilla/Firefox, NN7 i jakiejś Operze (wszystko pod Windows XP). Czy będzie działać pod IE7? Kto to wie, ja obstawiam, że bez oczyszczenia kodu będzie ciężko, ponieważ jest to mieszanka paskudnych hacków CSS.

Czy jest to przydatne? Teoretycznie może to zastępować obrazki CAPTCHA tam, gdzie nie mamy dostępu do biblioteki GD. Przy czym niezoptymalizowany dwukolorowy GIF z 7 literkami zajmuje ok 170 bajtów, a wygenerowanie tego samego w tej technice zajmuje przynajmniej 10x więcej kodu. Ale na chwilę dzisiejszą chyba jeszcze żaden spambot nie potrafi tego cuda odczytać, więc można na przykład swój email zapisać w tej postaci :)

Zapewne pozostanie to jako ciekawostka stworzona aby pokazać, że przy pomocy CSS da się zrobić wszystko, gdy się tylko człowiek uprze :) Proszę o info, gdy ktoś znajdzie kod potrafiący robić kawę. Na tyle uniwersalny, żeby działał w mojej kuchni ;)

Wpis opublikowany 3 maja 2006
Tagi: ciekawostki, css, everything, internet, webmaster, xhtml
Kategorie: Bez kategorii

Komentarze do wpisu "Czcionka CSS"