Faire des pictos avec des lettres
Par Boris Stephan le vendredi 23 mars 2007, 16:27 - Métier - Lien permanent
C'est la petite découverte du jour. Je reçois de plus en plus fréquemment des mails qui incluent un petit message pour limiter le nombre d'impressions papier du-dit message.

J'ai essayé de télécharger l'image de gauche, et justement, ce n'est pas une image. C'est simplement la lettre P en majuscule, à laquelle on a appliqué la police Webdings et la couleur verte :
<span style="font-family: Webdings; color: #008000; font-size:
200%;">P</span>
Les lettres majuscules, les lettres minuscules et les chiffres donnent tous
des pictogrammes différents.
Et, magie de CSS, pour les lettres on peut transformer l'apparence du picto
avec la propriété "text-transform" réglée sur uppercase (majuscule) ou
lowercase (minuscule).
Oui, je sais, on s'amuse comme on peut... :-)

----------
Chose bizarre sous Firefox : le P s'affiche comme un logo dans Gmail, mais si
je le mets dans un fichier html à part, il s'affiche comme un simple P
vert...
Si vous êtes sous Firefox : P

