Breizhogeek, le blog qu'il sent bon la bretagne

Aller au contenu | Aller au menu | Aller à la recherche

Catégories

Tag - Typo

Fil des billets - Fil des commentaires

samedi 27 mars 2010

Découvrez (ou pas) FontMatrix : un gestionnaire de polices

Par nicofrand le samedi 27 mars 2010, 16:30 - Graphisme

Cela fait un moment que je recher­che un ges­tion­naire de fon­tes, capa­bles de me don­ner quel­ques infor­ma­tions sur mes fon­tes, de les clas­ser en fonc­tion de leur famille, leur type ou encore d’autres cri­tè­res mais éga­le­ment de m’en don­ner un aperçu rapide, les unes à côté des autres (ou sous forme de liste du moins) et qui per­met de les com­pa­rer. Quel­que chose à la manière de Lino­type Fon­tEx­plo­rer X.

Aujourd’hui, j’ai enfin trouvé un logi­ciel répon­dant à ces besoins et même à plus. Il est dis­po­ni­ble en plu­sieurs lan­gues, libre, gra­tuit, et dis­po­ni­ble sur Linux, Win­dows et Mac OS X. Je suis vrai­ment enchanté par ce logi­ciel et ai donc pensé que vous aussi vous aime­riez pro­ba­ble­ment le con­naî­tre.

Je vous pré­sente donc Font­Ma­trix !

Font­Ma­trix vous per­met donc d’avoir un clas­se­ment de vos fon­tes (cli­quez sur l’image pour agran­dir) :
infos sur une fonte
Dans la par­tie gau­che on peut noter com­ment Font­ma­trix classe les fon­tes et per­met une rer­cher­che et un tri plus pré­cis. À droite, un exem­ple des infos pré­sen­tées sur la fonte en ques­tion.

Mais éga­le­ment de par­cou­rir d’un coup d’œil l’ensem­ble des fon­tes et leur rendu :
exemple de fontes
Donc à gau­che l’ensem­ble des typos (selon le clas­se­ment défini dans l’onglet pré­cé­dent comme visi­ble sur le pré­cé­dent aperçu) et à droite un exem­ple de rendu (j’ai choisi un texte fran­çais mais d’autres sont dis­po­ni­bles) dans un texte à valeur séman­ti­que et non pas un faux-texte.


Et enfin, un des cri­tè­res qui limi­tait les répon­ses à ma recher­che : l’outil de com­pa­rai­son des fon­tes et des gly­phes :
comparaison de fontes J’ai appli­qué des cou­leurs moches pour qu’on puisse bien dis­tin­guer les deux gly­phes mais il est pos­si­ble de les chan­ger (ou de n’en met­tre aucune) ainsi que d’affi­cher les points des cour­bes et de con­trôle de leurs tan­gen­tes. Le rec­tan­gle bleu per­met de zoo­mer sur une par­tie des gly­phes (je ne le mon­tre pas, l’aperçu serait peu par­lant).

Voilà, je serais curieux de savoir ce que vous en pen­sez, si vous le con­nais­siez déjà ou non… Je rap­pelle le lien et le nom du logi­ciel :

TÉĿÉ­CHAR­GER FONT­MA­TRIX

2 commentaires aucun rétrolien

lundi 15 septembre 2008

Google Chrome et son utilisation de webkit

Par nicofrand le lundi 15 septembre 2008, 18:45 - Web

Il m’a été possible au boulot d’essayer le fameux Google Chrome. Je me suis empressé d’aller voir le rendu des polices via @font-face . Seulement, aucun rendu n’était là . Comment se fait-il que Google Chrome n’affiche pas ces polices alors que webkit a implémenté cette possibilité depuis le 3 Octobre 2007, donc presque un an, et que Safari l’a adopté (ce n’est donc probablement plus en beta ni nighty build) …

aucun commentaire aucun rétrolien

jeudi 19 juin 2008

La typographie sur le web

Par nicofrand le jeudi 19 juin 2008, 21:40 - Web

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/.

aucun commentaire aucun rétrolien