Développement Publié par le

Utilisez les Google Fonts pour vos projets web

Google propose un grand nombre de services ! Google Fonts fait parti de ces services, et donne accès à tous les développeurs web à des dizaines de polices de caractère à utiliser librement.
Libre à vous d’utiliser n’importe quelle police sur votre site web, même si vos visiteurs ne possèdent pas celle-ci sur leur disque dur.


Google propose un répertoire de plus de 200 polices prêtes à emploi en insérant une simple ligne de code. Pour utiliser et intégrer ces polices, rien de très compliqué…
Plusieurs modes d’intégration sont possibles.

L’API de Google Font est très facile à manipuler. Il suffit simplement d’ajouter une feuille de style à votre page HTML afin d’obtenir la nouvelle police.

En mode standard dans votre page HTML :

<link href=’http://fonts.googleapis.com/css?family=FontName‘ rel=’stylesheet’ type=’text/css’>
<style>
body {
font-family: ‘FontName‘, serif;
font-size: 24px;
}
</style>

Avec @import en CSS2/CCS3 :

@import url(http://fonts.googleapis.com/css?family=FontName);

Avec @font-face en CSS2/CCS3 :

@font-face {
font-family: ‘FontName‘;
src: url(‘FontName.ttf’);
}

Plusieurs dizaines de polices sont disponibles. Pour s’y retrouver facilement vous pouvez utiliser le webservice de Font Comparer qui rend votre choix visuellemnt plus facile.

Vous pouvez également récupérer les Google fonts pour les utiliser directement sur votre ordinateur via cette page
Une fois les .ttf récupérés, il suffit de les copier dans le répertoire « fonts » de votre ordi.
Et tout ça, gratuitement ! Merci Google…

About these ads


Laisser un commentaire

About these ads