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: , , , , ,
Kategorie: Bez kategorii

Zobacz również:

Komentarze do wpisu "Czcionka CSS"

  1. Fajne.
    A pod IE7 beta 2 dzia?a jak najbardziej.

    Autor komentarza, środa, 3 maj 2006 #

  2. Co do tego zast?powania CAPTCHA – i tak z Lynx-a nie b?dzie si? da?o tego odczyta?…

    Autor komentarza, czwartek, 4 maj 2006 #

  3. Nie mam ju? niestety ?adnego shella, wi?c nie sprawdz?, ale czy Lynx nie pokazywa? przypadkiem atrybutu "title"? Je?li tak, to na swój sposób da si? zobaczy? te literki… Ale to ma taki sam sens, jak podawanie dodawanie do grafik CAPTCHA atrybutu "alt". Wystarczy "nauczy?" jakiego? robota odczytywania tego i ca?? technik? mo?na sobie o kant… rozbi?.

    Autor komentarza, czwartek, 4 maj 2006 #

  4. cssplay.co.uk w elinks: http://url.wiecek.biz/wj
    cssplay.co.uk w lynx: http://url.wiecek.biz/oku
    Alpha site w elinks: http://url.wiecek.biz/orfe

    Jak widac, w zadnym wypadku w tekstowej przegladarce czcionki ani widu, ani slychu ;)

    Autor komentarza, czwartek, 4 maj 2006 #

  5. Co? czcionki znikn??y :)

    Autor komentarza, wtorek, 28 sie 2007 #

Robisz zakupy w internecie?
Pomagaj ZA DARMO przy okazji
4000 organizacji społecznych i ponad 1000 sklepów