2009 sept. 1
Cufon ou la réconcialition et le Référenceur et le Webdesigner
Le référenceur ne jure que par la pure du contenu textuel à l'état brut c'est à dire mise en forme avec "arial", "verdana", "times" et quelques autres.... Cette technique rudimentaire permet de s'assurer que le contenu d'un site web est correctement interprété par les moteurs de recherche et permet d'assurer le positionnement.
Le designer quant à lui manifeste un intérêt prononcé pour les polices de caractères rares (et parfois chères ...) qui ne peuvent être exécutées que sur quelques poste utilisateur l'ayant installé. Le recours au format image est alors la solution
Cufon permet de contenter ces deux enemis naturel en proposant une alternative. Comment ca marche ?
Je vous passe les détail de fonctionnement technique et les technos utilisé pour passer directement à la pratique...
1/ Télécharger sa police préféré
je vous propose ici de telecharger chinese rocks dont voici un apercu en image pour l'instant 

2/ Passer son fichier de police à la moulinette
ensuite il faut soumettre le fichier de police (True Type ou Open Type) à un générateur de script3/ Récupérer le script généré (fichier javascript)
pour gagner 3 secondes sur la procédure je vous propose de télécharger le fichier Chinese_Rocks_400.font.js directement4/ Uploader le script sur son serveur et faire un appel au script dans le code source de sa page HTML
par exemple comme ceci si vous mettez le script dans un répertoire "/js". Enfin, vous n'aurez plus qu'à définir les élements de la pages que vous souhaitez remplacer la police (ici je choisi de remplacer le texte des balise h1 par la police voulu avec la fonction Cufon.replace
exemple:</head>
<script type="text/javascript" src="js/Chinese_Rocks_400.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1');
</script>
</head>C'est vraiment très simple rapide à mettre en oeuvre 


Commentaires
Merci pour les infos