Entypo - 100+ carefully crafted pictograms
►http://www.entypo.com
Entypo is a set of 100+ carefully crafted pictograms available as an OpenType font, vector EPS and web font. All released for free under the Creative Commons license CC BY-SA.
Entypo - 100+ carefully crafted pictograms
►http://www.entypo.com
Entypo is a set of 100+ carefully crafted pictograms available as an OpenType font, vector EPS and web font. All released for free under the Creative Commons license CC BY-SA.
Oui mais là, on retombe dans les travers des dingbats des années 90 avec ses encodages totalement farfelus. Là, je tape « A » pour afficher une lampe de poche, « B » un trophée, « D » un appareil photo, « è » pour une flèche vers le haut, et ainsi de suite.
Pour une police « de bureau », c’est chiant à manipuler (aussi chiant qu’un Zapf Dingbats en 1995). Pour une webfont, c’est catastrophique, puisque ça se « dégrade » en affichant de véritables lettres à l’écran.
Bon nombre de ces dingbats sont définis dans Unicode : la solution « propre » est donc de respecter Unicode. Pour ce qui n’est pas dans Unicode, bricolage pourquoi pas (mais c’est pas réjouissant, et ce qu’on gagne d’un côté on le perd largement de l’autre ; j’ai bossé pendant 15 ans avec ces Zapf Dingbats péraves encodé par les corbeaux, ça n’a jamais été un boulot sympa).
Oh aujourd’hui accéder aux glyphes c’est pas dur… par contre en webfont c’est vrai que ça parait pas intéressant. Mieux vaut à ce stade en faire des images.
Remarquez que l’auteur semble avoir prévu le coup et propose aussi ces pictos au format EPS ;)
L’idée d’une webfont graphique, je trouve ça pas mal. Je l’ai expérimenté sur une page, avec quelques boutons, c’est assez pratique : ça fait des éléments graphiques très faciles à manipuler (couleur, taille, ombres…) dans les CSS.
Mais je pense qu’il faut vraiment respecter le positionnement des glyphes graphiques défini par Unicode. (Il y a vraiment déjà largement de quoi jouer : tout l’équivalent du Zapf Dingbats traditionnel est défini dans Unicode, et il y a des tripotées d’autres trucs disponibles.)
Dans ce cas-là, on a bien une webfont, avec typage graphique qui va bien, mais ça se dégrade plutôt proprement (et, c’est marrant : on peut considérer que c’est sémantique, puisque qu’Unicode définit ce que représente tel ou tel glyphe).
Ouais mais ça implique de faire des dingbats de même type que ceux de zapf, ou d’unicode, ce qui n’est pas forcément toujours très pertinent, j’imagine. Mais évidemment si c’est possible c’est mieux.
Y’a quand même vraiment de quoi jouer :
►http://www.unicode.org/charts/#symbols
Tu as :
– symboles alchimiques (oué !)
– quelques symboles romains (oué oué !)
– des symboles de monnaies (trop oué !)
– là ça va te plaire : les dingbats, et vraiment y’a du monde :
►http://www.unicode.org/charts/PDF/U2700.pdf
– les émoticons (bon, moyen-oué) :
►http://www.unicode.org/charts/PDF/U1F600.pdf
– des symboles de jeux (échecs, cartes…)
– divers symboles :
►http://www.unicode.org/charts/PDF/U2B00.pdf
– et tiens-toi bien : divers symboles et pictos :
►http://www.unicode.org/charts/PDF/U1F300.pdf
Entre les « dingbats » et ce dernier « divers », tu as tout et n’importe quoi. Tu as même une tête de grenouille (1F438), la silhouette de deux hommes se tenant la main (1F46C), un homme et une femme se tenant la main (1F46B, et il est précisé qu’il ne faut pas comprendre avec le symbole des toilettes : 1F6BB), un homme avec un chapeau chinois nommé gua pi mao (1F472), un symbole pour le massage du visage (1F486), un baiser (1F48F), une floppy disk (1F4BE), le mont Fuji (1F5FB)…
Mais — et là c’est de l’ignorance — on a des polices systèmes qui contiennent ces symboles ? Parce que si non, qu’une webfont utilise ces valeurs ne règlerait pas le problème de la dégradation.
Sur Mac, depuis Lion, ils sont quasiment tous là, et en couleur. Bon, les dingbats sont anciens, ils sont censés être là (sur Seenthis, ceux qui se plaignent de ne pas avoir le petit triangle avant les liens, c’est ça…). Les trucs introduits dans Unicode 6, évidemment c’est sans doute plus problématique.
Mais :
– que ça se dégrade en « É » ou en rien, c’est un peu pareil, alors que si ça se dégrade dans le bon glyphe quand tu as un système récent, c’est pas pareil ;
– dans tous les cas, on va vers ça. Pas de bidouiller comme si on était encore en 1999
Et même un beignet de crevette (1F364). Waouh quoi.
Les « symboles et machins divers » d’Unicode 6, tels qu’ils sont intégrés à MacOs Lion :
►http://twitpic.com/8n6ly6/full
Rasta, tu y trouveras ton beignet de crevette :
Non, et la couleur dans une police, je suis trop vieux…
Mais bon, d’où l’intérêt d’avoir une webfont de dingbats chics et élégants, qui se dégrade tout de même nicely en police système.