cufón, pour des fontes différentes !

Publié le 26 avril 2010 par Myrmex

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 :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<script src="cufon-yui.js" type="text/javascript"></script>
		<script src="Vegur_300.font.js" type="text/javascript"></script>
		<script type="text/javascript">
			Cufon.replace('h1');
		</script>
	</head>
	<body>
		<h1>Free Tools avec Vegur.</h1>
	</body>
</html>

Pour voir en live le résultat, j’ai pu mettre en oeuvre cette technique pour le site d’Aide au Vietnam.