Le petit journal du web

Typekit — La typographie sur le web

Parmi les solutions disponibles pour afficher des titres avec une police de caractère sortant des sentiers battus, Typekit sort du lot. Si SIFR, FaceLift, ou Typeface.js s’appuient globalement sur la technologie Flash et Cufon sur Javascript, Typekit quant à lui s’appuie sur le standard CSS3 et la propriété @font-face pour faire son petit effet. Frambi-framboise sur le gâteau, cette propriété @font-face est prise en charge par les navigateurs modernes (Firefox 3+, Safari 3.1+) mais aussi par Internet Explorer à partir de la version 6. A noter que @font-face ne fonctionne pas avec Google Chrome. →

Le petit journal du web

typeface.js — typo personnalisée avec Perl et Javascript (sans Flash ni image)

Plutôt que créer des images ou d’utiliser Flash pour afficher du texte dans la police de caractère de votre choix, vous pouvez utiliser typeface.js et écrire vos titres en HTML et CSS comme si vos visiteurs avait installé votre fonte préférée.

Le script utilise les capacités vectorielles des navigateurs pour dessiner les textes : les navigateurs comme Firefox, Safari et Opera utilisent la balise canvas (et SVG par la même occasion) tandis que IE utilise *Vector Markup Language* (VML).

Le projet *typeface.js* est composé d’un module Perl pour extraire la forme vectorielle des fontes Truetype au format JSON. La partie en Javascript parcoure le document à la recherche de «  ou de données VML pour afficher les glyphes.

Typographie

Manifeste pour un interlignage minimum syndical pour les blogs !

Un spectre hante le web : le spectre de l’interlignage par défaut des navigateurs. Trop de blogs et de sites web se contentent du minimum syndical pour gérer l’interlignage. Par défaut, les navigateurs web proposent 120% de la taille de la police. Ce qui est dramatiquement insuffisant au regard de la faible résolution du texte à l’écran, alors qu’il suffit d’ajouter une ligne de déclaration CSS à la balise `html` ou `body` pour permettre à vos lecteurs de passer du déchiffrage laborieux à la lecture pleine et entière. Essayez, vous serez surpris de voir à quel point vos pages web auront gagné en lisibilité. →