publié le Fri, 03 Dec 2010 22:05:21 GMT, dans la categorie html
Découvert via
glazblog,
font squirrel est une page web regroupant des centaines de polices de caractères pouvant être utilisés librement.
Explication rapide de comment "installer" une police de ce site?
- choisir la police voulue et télécharger au format zip les fichiers (@font-face kit)
- déplacer les fichiers dans un path accessible depuis le navigateur (par exemple dans /fonts/ )
- Utiliser le css @font-face { } pour charger la police
- 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;
}