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.

Site Internet : Cufón
Licence : Simo Kinnunen