niedziela, 23 maja 2010

Google Font Directory - Czcionki na serwerze Google

Google parę dni temu udostępniło swój nowy projekt Google Font API. Pozwala on nam na zaimplementowanie niestandardowych fontów. Odbywa się to w bardzo przyjemny sposób bo wystarczy jedynie dodać linijkę kodu.

Dla przykładu:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">
a następnie w CSS dodać po prostu nazwę tej czcionki.
CSS selector {
  font-family: 'Font Name', serif;
}
Jednocześnie możemy w jednym linku pobrać kilka czcionek na raz poprzez oddzielenie nazw pionową kreską.
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.
blog comments powered by Disqus

Wszystko o designie, dużo inspiracji i tutoriali.

Copyright 2009 - 2012 Creatyna. All rights reserved.