Biblioteka typeface.js pozwoli na używanie pięknych czcionek na stronach WWW

Wielu webmasterów miało okazję poznać sIFR – wykorzystujące JavaScript i Flasha rozwiązanie, które pozwalało wygenerować eleganckie nagłówki na stronach WWW za pomocą czcionek innych niż nieszczęsny Arial czy Times New Roman. Niestety, sIFR wymagało jednak Flasha, co nie wszystkim odpowiadało. Teraz pojawiła się biblioteka JavaScriptu typeface.js, która pozwala zrobić to samo bez rozszerzenia od Adobe'a.

Biblioteka typeface.js ma 16 KB. Przekształca ona glify z plików TTF na obiekty JSON (JavaScript Object Notation). Większość przekształconych czcionek zajmuje nie więcej niż 50 KB. Następnie w zależności od przeglądarki są one wyświetlane jako grafika elementu canvas, grafika SVG lub grafika VML. Obsługiwane są Internet Explorer od wersji 6, Mozilla Firefox od wersji 1.5 i Safari od wersji 2 – autorzy nie informują jednak, co z Operą i Google Chrome.

Cała zawartość strony to jednak wciąż zwykły HTML, dzięki czemu wyszukiwarki mogą właściwie indeksować jej treść. Nie utrudnia to też wówczas dostępu do strony niewidomym i słabowidzącym, którzy wciąż mogą wysłuchiwać informacji za pomocą czytników głosowych.

Na pewno całe rozwiązanie nie jest jeszcze na tyle niezawodne i szybkie, by stosować je na podstawowym tekście strony, mimo to warto je wypróbować na samych nagłówkach. Obecnie w bibliotece znajdują się trzy wolne czcionki o dość ładnej formie – Helvetiker, Optimer i Gentilis.


Czcionki wbudowane w typeface.js.

Na stronie typeface.neocracy.org/fonts.html można zaś znaleźć konwerter innych czcionek do formatu rozpoznawanego przez bibliotekę, który – co ciekawe – odmawia przyjmowania większości niewolnych fontów. Oczywiście sama biblioteka też jest rozwiązaniem Open Source, rozprowadzanym na licencji MIT.

źródło: Typeface.neocracy.org

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

5 skomentuj »

Polecamy

Reklama

Komentarze

#1 kleox 2008-10-31 02:40:02 0
Nie od dziś norweska przeglądarka jest niezauważana... Ale co ma być z Google Chrome? Przecież ta przeglądarka oparta jest na silniku WebKit, więc jak coś chodzi pod Safari to pod Chrome też.
None
#2 eimi^® 2008-10-31 08:27:06 0
W Chrome engine JS nie bazuje na WebKicie. Nie wiem czy były robione jakieś badania kompatybilności V8 z innymi engine'ami.
None
#3 xxxaaabbbb 2008-10-31 10:25:52 0
Silnik JS Chrome'a jest bazowany na WebKicie. Różnica polega praktycznie wyłącznie na wydajności.

A co do typeface.js. Biblioteka ma kilka wad (nie działa pod Operą), a zasadnicza jest taka, że nie można zaznaczyć wygenerowanego przezeń tekstu (a tym bardziej go skopiować, etc.). To już lepiej stosować klasyczne obrazki zamiast tego.
None
#4 Paweł T. 2008-10-31 13:35:35 0
Na najnowszej Operze nie działa. Wszystkie fonty wyglądają jednakowo. Szkoda.
None
#5 uosiu 2010-01-05 17:45:28 0
fakt, w Operze nie działa, ale tekst już można zaznaczyć. ogólnie działa to wszystko całkiem nieźle, mam tylko problemy z IE6, ale to nie powinno dziwić, bo z tą przeglądarką są same problemy i nic poza tym
IP: 83.18.157.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.6) Gecko/20091201 Firefox/3.5.6 (.NET CLR 3.5.30729)

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.