Dla przykładu:
a następnie w CSS dodać po prostu nazwę tej czcionki.<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">
CSS selector {
font-family: 'Font Name', serif;
}
http://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans
Wsparcie przeglądarek
Google Font API jest kompatybilne z większością przeglądarek:
Google Chrome: version 4.249.4+, Mozilla Firefox: version: 3.5+, Apple Safari: version 3.1+, Opera: version 10.5+, Microsoft Internet Explorer: version 6+, jak widać działa nawet z IE6, ale czy ktoś jeszcze używa tej przeglądarki?
CSS3 i licencja
Przy tych fontach możemy bez problemu stosować style CSS3, gdyż dostajemy czysty tekst a nie np jak w przypadku Cufona dziwnie wygenerowany kod.
Każdy z fontów możemy wykorzystać w komercyjnych projektach, gdyż API to jest wydane na licencji open source.
Katalog czcionek bez ogonków
Na razie Google udostępnia w swoim katalogu 18 fontów, wkrótce z pewnością będzie ich więcej, niestety dla polskich web developerów narzędzie to jest średnio przydatne dlatego, że API nie obsługuje polskich znaków, może Google zlituje się nad różnymi narodami i doda je w przyszłości.
Używanie niestandardowych czcionek poprzez @font-face nie przypadła mi do gustu, nie podoba mi się ich wygląd, brakuje AA, który nadawał by fontom ładne kształty, zamiast tej "pikselozy". Widoczne to jest szczególnie gdy chcemy użyć małych rozmiarów czcionki, dlatego nadal moim ulubionym narzędziem jest cufón.
Autor: Marcin Piszczek
Interesuję się designem, internetem i nowinkami technicznymi. Z zamiłowania jestem web developerem i web designerem,a od jakiegoś czasu również blogerem. W wolnych chwilach gram w DotA. Kibicuję Zagłębiu.
Masz jakieś sugestie? Napisz do mnie. Możesz mnie również obserwować na Twitterze.
