Utiliser les fonts de Google dans votre Blog, Site,GoogleAppEngine etc.
>> 20 May 2010
Oui, le sujet n'est pas liée directement au développement, mais on a besoin aussi de tous les outils susceptible d'améliorer le fonctionnement ou même le look de sites.
Google Font Directory, ce sont des polices de caractères de très haute qualité à utiliser dans toutes sortes de pages Web.
D'abord les URL :
Site: http://code.google.com/apis/webfonts/
Web font directory : http://code.google.com/webfonts
Les avantages de Google Font API sont multiples, par exemple :
- Open source
- Compatibilité avec des navigateurs internet
- Facile à utiliser
- Il est possible de les utiliser dans des sites perso, comme des sites commerciaux.
Comment ça marche :
Nous utilisons dans cet exemple le font " Tangerine "
Entre les deux balises <head> et </head> d'un fichier HTML
Insérez un lien vers une feuille de style comme suite
<head>...
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
..
</head>
Ajoutez aussi entre les balises <head> et </head> un selecteur, cette classe personnelle va utilliser le font "Tangerine". Donnez un nom de votre choix à cette classe (j'ai utilise " ka ")
.ka {
font-family: 'Tangerine', serif;
}
Utilisez " Tangerine " pour l'affichage
Dans votre page HTML et entre les deux balises <body> et </body>, utilisez la classe définie là-haut pour les balises <div>, <span>,<p> etc...<p class="ka">Hello World!!!</p>
Et voilà !
Hello World !!!
Note:
Il est possible d'importer plusieurs fonts dans la même URL
Les proprietées CSS sont utilisables normalment dans avec ces polices de caractères.
0 comments:
Post a Comment