Google Font API
Internet 19th May 2010
Google pchnął dzisiejszego dnia sieć o dobre kilka kroków do przodu. Nie dość, że pojawił się projekt WebM, który prawdopodobnie raz na zawsze wydrze internetowe wideo z rąk Adobe i odda w ręce standardów, to jeszcze udostępniona dziś usługa Google Font API ma zamiar wzbogacić wreszcie strony w nowe fonty! Koniec cudowania z podmieniamiem tekstu przez obrazki, Flasha, canvasa czy inne cuda na kiju. Wreszcie wygląda to maksymalnie prosto i przejrzyście.
Wystarczy wybrać czcionkę z katalogu, wstawić odnoszący się do niej nagłówek:
‹link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'›
I już możemy korzystać z czcionki w CSS-ie:
h1 { font-family: 'Yanone Kaffeesatz', arial, serif; }
Wynik:
No wreszcie! Czyżby Google nadrabiało za wpadkę z WIFI?
Komentarze z jogger.pl
Yyy... Przecież w kwesti VP8 Adobe gra po stronie Googla.
A co mają zrobić? Teraz pozostaje im tylko szeroko się uśmiechać ;-)
Szkoda tylko że, na dzień dzisiejszy, żaden z fontów nie zawiera polskich ogonków.
Ten twoj edytor tekstu ktory tutaj dodales mi polskie znaczki wycina, tzn: nie pozwala na ich wstawienie - good job.
A co do fontow i Google fajna usluga, ale przeciez to czesc specyfikacji HTML5 czy tam CSS bodajze a nie wymysl Google, czytajac to co napisales, mam wrazenie ze tak sugerujesz.
@pecet: Specyfikacja fontów w HTML5 jeszcze się tworzy. Dopiero co dogadali się co do formatu czcionek (ma być to Mozillowy WOFF). Microsoft zapowiedział prowadzanie WOFF-a dopiero w IE9 a rozwiązanie Googla podobna działa już w IE6+. A wiec nie jest to jeszcze HTML5 ale bardzo przyjemny w użytku hack.
Super sprawa z tymi fontami. Dzięki za wpis [;
Przeciez web fonts sa juz od dawna w Operze i to bez dodawania czegos w naglowku. Poza tym to nie pomysl google. WebM to pomylka, ale zainteresowani moga tez to "cudo" uruchomic w Operze link text
PS
Zmien ten okropny formularz, bo sie po polsku nie daje pisac.
@monsun: parę czcionek ma polskie znaki, przykładowo IM Fell DW Pica.
Google Font Previewer
@scpz ja nie mam najmniejszych problemów z pisaniem po polsku (używam ff)
@danadam faktycznie. Nie wiem jak tego nie zauważyłem
Z tym VP8 tak różowo nie jest - http://x264dev.multimedia.cx/?p=377
Póki co dość kiepsko z opcją na lepsze.
@scpz: oczywiście że font-face jest już obsługiwane przez normalne przeglądarki (nie tylko Operę) ale jak zwykle cyrki są w IE bo tam musisz mieć czcionkę przekonwertowaną na zamknięty format Microsoftu EOT.
Dodatkowo Google wyręcza nas w hostowaniu czcionek a tym samym zwiększa prawdopodobieństwo, że internauta będzie miał już tą czcionkę w cache'u przeglądarki, ponieważ pobrał ją przeglądając inną stronę, która też korzysta z czcionek Googla (podobnie jak z hostingiem np. jQuery).
PS. O co chodzi z tymi pliterkami? U mnie na Firefoksie, Chromie i Operze działa dobrze (Linux).
No jak ja próbuje wpisać "ó" to mi się pojawia lista numerowana, w przypadku "ł" narzędzie do tworzenia odnośników. Używam Firefoksa 3.6 pod Windowsem.
ęĘóÓąĄśŚłŁżŻźŹćĆńŃ
Pisane na: Chromium 6.0.409.0 (47612) Ubuntu
No tak, Windowsy mają trochę inne skróty. Poprawiłem. Teraz powinno być ok.
No teraz działa :)
Postanowiłem potestować przez pewien czas u siebie na stronie fotografia ślubna zobaczymy czy się przyjmie. Na razie ciężko się przyzwyczaić.