niedziela, 13 marca 2011

Czcionki Od Google

Jakiś czas temu przejrzałem Google Web Fonts pod kątem czcionek z polskimi znakami, oto ich lista:


  1. Cantarell
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  2. Coda
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  3. Coda Caption
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  4. Corben
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  5. Crimson Text
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  6. Crushed
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  7. Droid Sans Mono
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  8. GFS Didot
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  9. GFS Neohellenic
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  10. Gruppo
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  11. Hanuman
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  12. IM Fell DW Pica
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  13. IM Fell DW Pica SC
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  14. IM Fell Double Pica
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  15. IM Fell Double Pica SC
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  16. IM Fell English
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  17. IM Fell English SC
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  18. IM Fell French Canon

    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  19. IM Fell French Canon SC
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  20. IM Fell Greater Primer
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  21. IM Fell Greater Primer SC
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  22. Inconsolata
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  23. Just Another Hand
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  24. Just Me Again Down Here
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  25. Lekton
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  26. Luckiest Guy
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  27. Meddon
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  28. Merriweather
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  29. OFL Sorts Mill Goudy TT
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  30. Radley
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  31. Reenie Beanie
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.

  32. Syncopate
    Przykłady: 1 i 2.
    Pobierz kod, lub plik.


Google udostępniło także narzędzie do testowania czcionek. Dodanie ich samych na naszą stronę jest bardzo proste.

1. Dodanie do nagłówka:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Cantarell">


2. Stosowanie czcionki:

body{
    font-family:"Cantarell"}


Więcej czcionek i szczegółów na stronie Google Web Fonts, oraz Google Code - Google Web Fonts API.