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
Pour l’avoir testé je peux dire que c’est le script javascript qui rend le mieux !
Les polices sont lissées, ce qui n’est pas le cas avec font-face sur certains OS et/ou navigateurs, c’est superfacile d’installation et ça permet même le multi-font !
Bref, je recommande aussi :). Le seul point noir c’est que ca ne rend pas exactement pareil au pixel près sur certains navigateurs. (Par exemple, le soulignage est mal interprété sous IE6)
Il y a aussi Facelift que j’utilise sur mon blog.
Avant de me décider j’ai testé plusieurs solutions (cufon, font-face…), j’ai aimé Facelift, car il n’y a pas besoin de généré une font et dispose d’un cache.
Il y a quelque semaine je l’ai désactivé, il affichait mal certains textes, je crois que cela
vient des fichiers de caches (certains ne pouvaient pas être supprimés)
J’arrive pas à upload ma police ? ça m’ouvre une fenêtre pour upload ma police je la sélectionne et ensuite je clique sur ouvrir mais rien ne se passe le resultat une fois après fait convert est celui-ci : .. can’t do much without a font.????? Je comprends pas quelqu’un peu m’aider car je cherchais un truc pareils depuis des années !
c’est bon j’ai trouver !
je ne sais pas si c’était la solution à ton souci.. mais j’ai également eu une difficulté lors de la génération d’une fonte… car j’avais oublié de cocher l’option « The EULAs of these fonts allow Web Embedding (without Adobe Flash) »… c’est préférable de le faire 😉