Typeface.js est un petit fichier javascript destiné à vous permettre d’utiliser la police de votre choix sur votre site ou votre blog et de s’affranchir de la seule disponibilité de polices système basiques et souvent peu flatteuses pour le design.

Typeface.js apparaît comme une alternative à sIFR ou FLIR, pour ceux qui connaîssent, avec un avantage par rapport aux concurrents : ce n’est que du javascript ,pas de php, ni de swf à inclure.
Pour le reste les solutions se ressemblent beaucoup.

Pour l’installation, téléchargez tout d’abord le petit fichier à insérer dans votre site ou votre blog et uploadez le sur votre serveur.
Choisissez une police ( certaines sont disponibles, prêtes à l’emploi sur le site du développeur de la solution ) et passez-la dans un convertisseur, également disponible sur le site de Typeface, et destiné à créer le petit fichier .js correspondant à votre police.
Insérez les deux lignes suivantes entre les balises <head> et </head> de votre source html, après vos déclarations de CSS, détail qui a son importance :

<script type=“text/javascript” src=“js/typeface-0.10.js”></script>
<script type=“text/javascript” src=“js/helvetiker_regular.typeface.js”></script>

Pour explication, la première ligne et le petit moteur typeface et la seconde la police dont vous venez de générer la transformation ( dans cette dernière ligne, vous remplacerez le nom de la police en gras par la vôtre ). Ici je pars du principe que les deux fichiers sont placés dans un dossier nommé js et placé au même niveau que votre fichier html.

Après, tout est affaire de css tout comme l’exemple suivant :

<h1 class=“typeface-js” style=“font-family: Helvetiker“>
	Titre de votre article
</h1>

Dans l’exemple le plus important est l’attribut class définit sur typeface-js. Rien ne vous empêche ensuite de jouer par le biais des règles css sur l’approche des caractères, l’interlignage ou le style. Tout cela est supporté par typeface.

Autres articles intéressants :

Articles les plus actifs :