tfe Homepage

03/12/2010

free web fonts gallery

Decouvert via glazblog, font squirrel est une page web regroupant des centaines de polices de caracteres pouvant etre utilises librement.

 
Explication rapide de comment "installer" une police de ce site?
  1. choisir la police voulue et telecharger au format zip les fichiers (@font-face kit)
  2. deplacer les fichiers dans un path accessible depuis le navigateur (par exemple dans /fonts/ )
  3. Utiliser le css @font-face { } pour charger la police
  4. Utiliser le css font-family: 'nom de la police' sur le selecteur voulu
Exemple d'utilisation css:
 
h1 { font-family: 'GoodDogRegular';  }
@font-face {
    font-family: 'GoodDogRegular';
src: url('/fonts/GoodDog-webfont.eot');
src: local('@'), url('/fonts/GoodDog-webfont.woff') format('woff'), 
url('/fonts/GoodDog-webfont.ttf') format('truetype'), 
url('/fonts/GoodDog-webfont.svgz#webfontVFGOXOjp') format('svg'), 
url('/fonts/GoodDog-webfont.svg#webfontVFGOXOjp') format('svg');
     font-weight: normal;
     font-style: normal;
}