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.

    Ktos , środa, 3 Maj 2006 #

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

    Micha? Górny , 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?.

    Tomasz „Alpha” Topa , 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 ;)

    ?ukasz „WiLQ” Więcek , czwartek, 4 Maj 2006 #

  5. Coś czcionki zniknęły :)

    Cezar, wtorek, 28 Sie 2007 #

Najnowsze posty:


Najnowsze komentarze:

koko: Czesc wszystkim, a ja mam pytanie, mieszkam w uk i zalozylem pay pala,2 dni temu dokonalem tranzakcji i zaplacilem z... więcej »

Meh: Witam, Patrząc na recenzje w Amazon UK, ta nawigacja jest cieniutka. Jak jest z gubieniem sygnału GPS? Bo na to... więcej »

janusz walecki: Kupiłem Router Netgear N600 WNDR3700v2 w celu wykonania domowej sieci Wi-fi. Obecnie korzystam z modemu... więcej »

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