Zbiór fontów przeznaczonych do dowolnego użytku, udostępnionych nam przez Google posiadają licencję open source w związku z czym bez żadnych zastrzeżeń możemy umieszczać je na stronach internetowych czy też wykorzystywać we wszelkich projektach graficznych.
Aby skorzystać z fontu pierwszym krokiem jest wejście na stronę https://fonts.google.com . Naszym oczom ukazuje się spis najpopularniejszych ostatnio fontów. Klikając na dowolny font mamy możliwość podejrzenia wszystkich stylów, które autor dostarczył do swojej czcionki. Oczywiście możemy posortować dostępne fonty według kilku kryteriów. Jeżeli znajdziemy interesującą nas czcionkę wybieramy 'Select’. W dolnej części ekranu dysponujemy podglądem wybranych przez nas fontów. Na kolejnym ekranie wskazujemy style, które chcemy użyć, a także zestaw znaków (np. łacina, łacina rozszerzona czy cyrylica). Ostatnim krokiem jest rzecz czysto techniczna, mianowicie implementacja wybranych czcionek na naszej stronie. Niezbędne są do tego dwie kwestie: wczytanie fontu, a także wstawienie odpowiedniego kodu do arkusza stylów. Google udostępnia możliwości wstawienia czcionki (przykład dla fontu Open Sans):
1. Standardowa.
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
2. Poprzez import do CSS.
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
I to już praktycznie wszystko. Pozostaje tylko wstawić ten oto kod do CSS:
font-family: 'Open Sans', sans-serif; Od tego momentu możemy używać fontu Open Sans na naszej stronie. https://developers.google.com/fonts/docs/getting_started |