Cufón vous permet de remplacer de façon automatique les polices web classiques par celles de votre choix, avec un plus beau rendu. Ceci présente un net avantage de souplesse par rapport à l’utilisation d’images pour parvenir aux mêmes fins.

Pour l’utiliser, il faudra d’abord récupérer un fichier javascript « cufon-yui », disponible ici sur le site officiel.

Ensuite, il vous faudra prendre les fichiers typeface (format TTF/OTF ou PFB) correspondant à la police avec laquelle vous souhaitez effectuer vos remplacements.  Si cette police est incluse par défaut dans votre système d’exploitation, il vous suffit de retrouver le répertoire contenant vos polices (sous Windows 7, il s’agit de « Panneau de configuration\Tous les Panneaux de configuration\Polices ») .

Toujours sur le site officiel de Cufón, il faut maintenant générer un fichier javascript à partir de vos fichiers typeface.

Dans la section « Include the following glyphs (if available) », prenez soin de cocher tous les jeux de caractères dont vous aurez besoin, sinon, vous ne les verrez pas apparaître après le remplacement.

Vous êtes maintenant en possession de deux fichiers javascript. Une fois inclus dans votre page, vous êtes en mesure d’utiliser Cufón.

Exemples d’application:

Pour appliquer la transformation sur tous vos titres h1 par exemple, il suffit d’appeler la fonction suivante:

<script type="text/javascript">
       Cufon.replace('h1');
 </script>

Résultats avec un titre en Arial bold, remplacé par la police du même nom:

Avant:

Après:

Si la différence peut d’abord paraître minime, on peut constater que l’aliasing est notablement diminué.

Remplacement du titre par une police plus exotique:

Aucun article en relation.