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"