maj
20

Chytre: Google Fonts API – miłość od pierwszego wejrzenia

By halibucik // HTML & CSS // No Comments

Google powitało nas dzisiaj dwiema wiadomościami.
Pierwsza z nich to usługa Google Font API. Linkując do określonej czcionki przechowywanej na serwerze Google (oszczędzamy transfer!), mamy dostęp do szerokiej gamy niestandardowych czcionek. Zintegrowanie naszego serwisu z nową usługą to – mówiąc krótko – betka!

Ponieważ wszystko odbywa się za przysłowiowymi kulisami, Google Font API można bez przeszkód wykorzystywać NAWET w Internet Explorer 6.
Możliwości najnowszego dziecka Google są już teraz imponujące, aż strach pomyśleć co czeka nas w przyszłości :)

Najtrudniejszy pierwszy krok

Aby skorzystać z Google Font API wystarczy dodać link do wybranej czcionki w meta, oraz w stylu css dodać font-family z nazwą tej czcionki. Przykład:

<html>
 <head>
  <meta>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz'
 rel='stylesheet' type='text/css'>
<style type="text/css">
 #tekst { font-family: 'Yanone Kaffeesatz', serif; font-size: 100px; }
</style>
=Yanone+Kaffeesatz
 </head>

 <body>
  <span id="tekst">Wybawco!</span>
 </body>
</html>

Tak może wyglądać nasze cudeńko :)