Font API i katalog fontów webowych: Google upraszcza typografię online
Konferencja Google I/O to niewyczerpane źródło newsów poświęconych technologicznym innowacjom zrodzonym w Mountain View. Kolejnym po uwolnieniu VP8 i stworzeniu platformy WebM hitem tej imprezy jest udostępnienie katalogu fontów webowych oraz interfejsu programowania, który ułatwi webdeweloperom stosowanie ładnych krojów czcionek na ich witrynach.
Google Font API wykorzystuje google'ową infrastrukturę, by automatycznie przekształcić font w format odpowiedni dla danej przeglądarki. Obsługiwane są zarówno najnowocześniejsze przeglądarki desktopowe, jak Chrome czy Firefox (o Operze nie wspomniano), jak i relikty w rodzaju Internet Explorera 6.
Użytkownicy przeglądarek nieobsługiwanych zamiast pięknego kroju pisma zobaczą po prostu kolejny zdefiniowany font w kaskadzie CSS. Ci, którzy mogą korzystać z CSS3, mają dostęp do wszelkich stylizacji arkusza stylów dla pobranego przez Font API kroju.
Interfejsowi towarzyszy specjalny loader – biblioteka JavaScriptu, stworzona we współpracy z odlewnią Typekit. Ma ona ułatwić deweloperom ładowanie udostępnionych w katalogu fontów krojów czcionek i ujednolicić ich zachowanie w różnych przeglądarkach. Engine Gecko np. wpierw ładuje stronę i wyświetla ją w domyślnych fontach, a dopiero później po załadowaniu zewnętrznych fontów wyświetla ją w zamierzony przez designera sposób. Z kolei WebKit nie wyświetla żadnego tekstu, póki font nie zostanie pobrany, zaś Trident Internet Explorera czasem nie wyświetla niczego, zanim wszystkie elementy strony się nie załadują. Dzięki WebFont Loaderowi te problemy mają zniknąć.
Co najważniejsze, loader daje dostęp nie tylko do katalogu Google'a, ale też do Typekita i innych odlewni cyfrowych. Udostępniony przez Mountain View katalog choć bowiem ładny, nie jest zbyt bogaty – to raptem 18 krojów (m.in. popularny Droid Sans czy lubiany Cantarell), ale dla nas zupełnie nieprzydatny – zawiera wyłącznie znaki zachodnioeuropejskich języków. W przyszłości ma się to zmienić, firma zapowiada wprowadzenie bardziej rozbudowanej palety fontów.
Więcej na temat Font API można się dowiedzieć na stronie code.google.com/apis/webfonts/.
Źródło: code.google.com, readwriteweb.com
Polecamy
Reklama
Komentarze
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.
Popularne
Pobierałeś pirackie pliki? Uważaj! Kontrole antypirackie w domach użytkowników to codzienność
36
Pobieraczek.pl pozwie internautów, którzy nie chcą płacić abonamentu
1455
Debata w sprawie ACTA: internauci spodziewali się chyba czegoś innego
14
Wynalazca WWW przed sądem: walczy tam o wolny dostęp do webowych technologii dla każdego
8
Programowanie w środowisku Android – wprowadzenie do projektowania aplikacji dla urządzeń mobilnych
15
Internet w EU bez Facebooka i Google? Firmy nie mają wyboru: albo się dostosują, albo…
10
Zaktualizuj PHP do wersji 5.4, zyskasz za darmo nawet o kilkudziesiąt procent wyższą wydajność aplikacji
6
MSWiA zamówiło narzędzia do „złamania” Tora i podsłuchiwania internautów. Czy złamało przy tym prawo?
89
[Aktualizacja] Facebook zablokował Demotywatory.pl. W czym zawiniły?
36
FBI zamknęło Megaupload. Anonimowi dali się sprowokować. Teraz ich akcja uzasadni potrzebę SOPA?
17
Pobieraczek.pl pozwie internautów, którzy nie chcą płacić abonamentu
1455
Programowanie w środowisku Android – wprowadzenie do projektowania aplikacji dla urządzeń mobilnych
15
„Donald matole, twój rząd dopadną kibole” – hakerska elita przyłącza się do walki z ACTA
23
Pobierałeś pirackie pliki? Uważaj! Kontrole antypirackie w domach użytkowników to codzienność
36
Społeczność
ady "Po złożeniu podpisu, dane biometryczne zostają trwale powiązane z treścią...
WebDev @slawek22
OK. Rozumiem i wiem, że koncerny stosują regionalizacje i nie...
slawek22 >są inne rodzime serwisy VOD z legalny filmami
WebDev no fakt... jeśli...
WebDev @BLACK BEAR®
"bo denerwujesz mi ludzi na forum” lool
Minister Zdrowia...
tobas ClickShop bardzo wolno działa!!!
Nie dajcie się nabrać na wygląd i...
blackbear @WebDev, widzę że muszę Ci rozjaśnić we łbie. Czytaj więc i nie pisz...
Jay Brak obsługi aplikacji x86/x64 ze zwykłych desktopów to kręcenie na siebie...
- gardius: Dobra hurtownia sportowa (1)
- gardius: Tanie książki gdzie warto kupować? (1)
- Najdmen.pl: PROMOCJA, 500 DOMEN .EU ZA 1 PLN NETTO ! (1)
- VMLine: [Oferta] Serwery VPS Xen-HVM/OpenVZ z darmową administracją (2)
- Marek: Generowanie PDFa (2)
- Marek: problem z menu (2)
- Marek: Własne checkboxy w HTML,CSS (1)
Polecane książki
Praca
Czytaj Webhosting
Chcesz być na bieżąco z naszymi informacjami? Zapisz się na Newsletter.
Zarejestruj domenę
Sprawdź dostępność swojej domeny:
| .pl: | 0 zł | .com: | 19.90 zł | |
|---|---|---|---|---|
| .com.pl: | 0 zł | .eu: | 19.90 zł |









#1 ke_be® 2010-05-20 10:41:38 0
IP: 217.74.68.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.38 Safari/533.4
#2 sfe 2010-05-20 16:27:11 0
IP: 77.254.193.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.38 Safari/533.4
#3 ke_be® 2010-05-20 18:50:15 0
IP: 195.150.49.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.38 Safari/533.4
#4 CSS3.pl 2010-05-21 08:25:28 0
IP: 78.131.153.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3