J’utilisais récemment un outil nommé Cufon pour générer des fonts compatibles pour le web. Cependant, cet outil occasionnait certains problèmes lorsque venait le temps de l’utiliser de différente façons avec le CSS. En effet, il générait quelques fois des espaces superflus…
Cette déception fut rapidement oubliée lorsque j’ai découvert Font Squirrel. Tout d’abord, les bugs que j’avais expérimentés avec Cufon ne se reproduisait pas dans Font Squirrel! Ensuite, contrairement à Cufon, il est possible de sélectionner le texte généré et cela parce que Font Squirrel utilise @font-face.
Finalement, la force de Font Squirrel réside dans son outil de conversion. Il ne vous suffira que d’ajouter les fonts que vous possédez, de choisir le mode EASY ou EXPERT(EASY suffit 90% du temps) et d’accepter les ententes légales.
Après avoir téléchargé le package, vous devrez insérer stylesheet.css à votre page. Il ne vous reste plus qu’à utiliser la nouvelle font dans votre CSS:
[cci]h3 {font-family: ‘NouvelleFont’}[/cci]
N.B.: En mode EASY, le générateur prend vos fonts et les convertit en format EOT (pour Internet Explorer), SVG (Chrome, Safari, iPhone et iPad), WOFF (FireFox 3.6+) et TrueType.