Cela fait trop long­temps que ce billet aurait du paraî­tre mais bon, entre les exa­mens, le tra­vail et autres empè­che­ments, je n’ai pas pu pren­dre le temps de le rédi­ger. Mais fina­le­ment, ce n’est peut-être pas si grave : d’un côté la sor­tie de la ver­sion 3 de Fire­fox per­met de mieux faire res­sor­tir cer­tains élé­ments de l’arti­cle , du fait de cer­tai­nes amé­lio­ra­tions appor­tées à la ges­tion de la typo­gra­phie dans ce der­nier et d’un autre son retard impor­tant à pro­pos des embed­ded fonts va con­tras­ter ce ridi­cule con­cours du ser­veur saturé le plus vite.
Le web a trop long­temps été limité en matière de typo­gra­phie : en effet le choix des poli­ces était jusqu’aujourd’hui très res­treint puis­que seu­les 9 poli­ces exis­taient ( ou étaient ému­lées devrais-je plu­tôt dire ) sur tou­tes les pla­te­for­mes. Le pro­blème rési­dant dans le fait que les sites web asso­ciait à un texte une police pré­sente sur l’ordi­na­teur du visi­teur. Or, on peut désor­mais uti­li­ser des poli­ces sto­ckées sur un ser­veur. Enfin, “désor­mais”, cette pos­si­bi­lité exis­tait déjà au préa­la­ble mais de façon très limi­tée : seul Inter­net Explo­rer le pro­po­sait, et ce uni­que­ment pour les poli­ces au for­mat Micro­soft il me sem­ble. Avec la sor­tie d’une nou­velle ver­sion du moteur web­kit ( depuis quel­ques mois ), la pro­priété “@font-face” est désor­mais dis­po­ni­ble aussi bien sur Safari que Kon­que­ror. Ainsi on peut spé­ci­fier l’URL des poli­ces à inclure pour pou­voir les réu­ti­li­ser comme les poli­ces actuel­les via font-family, ex:

 @font-face {
   font-family: "Foobar";
   src: url(http://www.serveur.com/foobar.ttf) format("truetype");
 }
 h1 { font-family: "Foobar", sans-serif }

Les pos­si­bi­li­tés devien­nent alors mul­ti­ples, comme le prouve l’arti­cle de Håkon Wium Lie sur A List Apart :

screenshot d'un exemple de typo

Ca donne envie n’est-ce pas ? Enfin, quoi qu’il en soit, Fire­fox 3 Le Grand ne gère tou­jours pas cette pro­priété… En revan­che, l’accent a été mis sur le rendu des poli­ces et du texte tout de même, comme on peut le voir ici : http://www.dria.org/word­press/archi­ves/2008/06/10/651/ . On peut donc citer des amé­lio­ra­tions :

  • du cré­nage ( ajus­te­ment de l’espace entre les let­tres d’une police à chasse varia­ble, dixit wiki­pe­dia )
  • des liga­tu­res
  • des liga­tu­res par­tiel­les
  • le rendu de tous les types de poli­ces ( Open­Type, True­Type, etc.. )
  • le hin­ting, ce qui peut s’appa­ren­ter à un lis­sage de la police en fonc­tion de la taille

Quel­ques exem­ples issus de Wiki­pe­dia; dans l’ordre, Cré­nage, Liga­ture, Liga­ture par­tielle :
L C R

Pour con­clure on peut pen­ser que bien­tôt, la typo­gra­phie sur le web, ça sera que du bon­heur ! J’en pro­fite d’ailleurs pour vous glis­ser un petit outil super pra­ti­que pour visua­li­ser et com­pa­rer des poli­ces : http://type­tes­ter.maratz.com/.