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