Cufon et l’utilisation de vos polices préférées sur votre site

Avec Cufón, vous pourrez afficher tout type de polices de caractères : des plus communes aux plus originales.

Le principe de fonctionnement est enfantin : Cufón met en oeuvre deux fichiers JavaScripts qui convertissent à la volée des tags de votre page Internet (H1, H2 etc.) par la police de caractère que vous aurez préparé (transformation de votre fontes ttf en font.js).

Tout se passe en 4 temps :

  • 1. Téléchargez le fichier javascript Cufón
  • 2. Convertissez votre police de caractère avec le générateur en ligne Cufón
  • 3. Téléchargez le fichier Javascript généré par Cufón
  • 4. Et placez le code suivant dans votre page web :
<script src="<?php bloginfo('template_url'); ?>/js/cufon-yui.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/GeosansLight_500.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1');
</script>

Comme d’habitude, Internet Explorer vient semer la zizanie !! Dans certains cas, il y aura un temps assez long pour générer le texte. Pour remédier à tout ça, vous n’avez qu’à insérer la ligne de code suivante juste avant la fermeture de la balise “body”, dans le fichier index.php:

<script type="text/javascript"> Cufon.now(); </script>

Et voila, le tour est joué.

PS : vous pouvez aussi utiliser plusieurs polices différentes mais attention à ne pas trop abuser des bonnes choses.

La création de sites mobiles : framework Javascript

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *