Typo

by Thibaut on Gueulante, Typo

Un éléphant dans un magasin de porcelaine

Chez filigranes, ils ont l’air d’aimer cette expression. Le hic c’est que je ne suis pas un éléphant – loin de là – et qu’ils ne vendent pas de porcelaine.

Aujourd’hui il y avait 21% de réduction pour leurs 21 ans. J’y vais parce que j’y achète d’habitude pas mal de livres pour pas mal d’argent. Je me fais directement héler et on me demande de laisser mon sac à la caisse.

J’explique et je montre à ces (pas si) sympathiques vendeurs qu’il s’agit d’un ordinateur portable très cher et que je ne vais donc pas m’amuser à voler des livres, d’ailleurs il n’y a pas de place dans ce sac qui est juste à la dimension de l’objet qu’il contient.

On me répond alors qu’il ne s’agit pas d’un problème de vol mais que, je cite, “les gens renversent les livres avec leurs sacs”. J’aurais aimé qu’on m’explique un peu plus en détail ce concept – qui peut se concevoir pour des sacs à dos, ce qui n’est pas la cas du mien – mais j’ai préféré partir en leur faisant remarquer que leur attitude n’était pas du tout commerciale et que je n’étais pas maladroit à ce point.

Le dimanche, par contre, les enfants courent joyeusement dans les allées et je n’ai jamais vu une personne obèse de voir refuser l’accès au magasin. Et pourtant, croyez moi, je prends moins de place que pas mal de gens, même avec un sac.

Je ne pouvais évidemment pas manquer l’occasion de vous faire part de ces pratiques commerciales si poussées.

 
by Thibaut on Typo, Web design

Remplacement dynamique de fonts – Cufón versus Typeface.js

À ma droite, Cufón. À ma gauche, Typeface.js. Lequel choisir ?

J’avais une petite préférence pour Typeface.js, je ne sais pas exactement pourquoi, peut-être parce que je l’avais découvert avant Cufon (oui je sais il manque l’accent !).

Typeface.js est rapide, très rapide, surtout sous IE. C’est son gros avantage. Il est aussi plus simple à implémenter car il s’applique automatiquement aux H1 à H6 et aux éléments dont la classe est “typeface-js”. Le reste se passe via la feuille de style.

Jusque là, vous allez me dire: vive Typeface.js !

Oui mais, car il y a un mais…

La conversion des polices via l’outil de Typeface.js n’est pas simple et il faut parfois avoir recours à fontforge pour désactiver certains options d’embedding “OS2” (???). Et surtout, le script échoue lamentablement s’il est appelé depuis une page imbriquée via une iframe générée par un overlayer style lightwindow, fancybox et consor. browserStyle is not defined? Il semble se perdre dans les méandres du DOM…

De l’autre côté, l’outil de conversion de Cufon est une merveille, il accepte la plupart des polices sans broncher et permet de limiter leur usage à un ou plusieurs domaines. Il propose même des options obscures que les typo-puristes reconnaitront sûrement. Moi je me suis contenté de la valeur par défaut. Un piège à éviter toutefois : ne spécifiez pas de font-family sous peine de voir ensuite le moteur de rendu s’emméler les pinceaux entre les différentes graisses.

Et ça fonctionne même dans les iframes sus-nommées. Que demande le peuple !

Une intégration automatique? Il faut en effet “appliquer” Cufon sur les éléments voulus à la main. Cela permet notamment de forcer une police sur un élément dont la déclaration font-family ne correspondrait pas dans la CSS, ce qui n’est pas forcément la meilleure idée. Heureusement, ce dernier reconnait les sélecteurs jQuery pour notre plus grand bonheur – veillez juste à charger jQuery avant Cufon pour qu’il reconnaisse ceux-ci ;-)

Update 29/09/2009: En fait la détection automatique du font-family est également disponible dans Cufon mais désactivée par défaut pour contourner un bug dans Opera. Voir les Options de l’API.

Update 06/10/2010: J’entends souvent dire que le texte n’est pas sélectionnable dans Cufon, c’est FAUX. On ne voit en effet pas la sélection dans tous les browsers, mais elle est toutefois effective !

 
by Thibaut on Typo, Web design

Typekit

As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts. This really is going to change web design.

via Introducing Typekit « The Typekit Blog.