LaFleurStudio · 2026 · Affichage LED
DOTSIGNAL
Des points lumineux, comme les affichages LED des transports. Dessinée point par point, sur une grille. 6 graisses, de Thin à Black, chacune avec son italique à 12° qui glitche comme un tableau fatigué. Le petit bus est dedans.
Les graisses
Plus c'est gras, plus il y a de points : traits de 1 point (Thin, Light), 2 points (Regular, Medium), 3 points (Bold, Black). Thin, Medium et Black changent aussi la taille des points. Chacune a son italique glitch.
Testeur
Clique et écris.
Les points se voient en grand. Dès 30 px, c'est un vrai tableau.
Caractères
Majuscules, minuscules, chiffres, ponctuation, symboles, accents d'Europe centrale compris. Et 🚌, c'est le petit bus.
D'où elle vient
Les tableaux de départ des arrêts de bus et des gares. Chaque lettre en petits points lumineux. Ce que tu lis en attendant le bus.
Une grille de points
Majuscules : 14 points de haut. Minuscules : 10. Traits de 1, 2 ou 3 points selon la graisse. Angles arrondis d'un point, comme sur les tableaux. Les points ne se touchent jamais, et le crénage bouge les lettres d'un point entier : tout reste sur la grille.
6 graisses
Comme sur les vrais tableaux : plus gras, c'est plus de points. 1, puis 2, puis 3. À 3 points, les lettres prennent un point de large pour que le a, le e et le m restent ouverts. Entre deux, c'est la taille des points qui change : plus petits en Thin, plus gros en Medium et en Black. La hauteur ne bouge jamais.
| Style | Poids | Trait | Point | Exemple |
|---|
Le glitch
Un tableau qui fatigue, ça décroche : la moitié basse des lettres glisse d'un point vers le bas et d'un point vers la gauche. L'italique fait pareil, régulier, sur toutes les lettres, et penche à 12°.
Le petit bus
🚌, c'est le bus des tableaux : fenêtres, porte, roues. En italique, il glitche aussi.
Chiffres alignés
Tous les chiffres ont la même largeur. Les heures restent alignées d'une ligne à l'autre, comme sur un vrai tableau.
Télécharger
Libre et gratuite, même en commercial. Garde la licence avec la police.
Installation sur un site web
@font-face { font-family: "DOTSIGNAL"; font-weight: 400; font-style: normal;
src: url(DOTSIGNAL-Regular.woff2) format("woff2"); }
@font-face { font-family: "DOTSIGNAL"; font-weight: 400; font-style: italic;
src: url(DOTSIGNAL-Italic.woff2) format("woff2"); }
/* … une règle par style : Thin 100, Light 300, Regular 400,
Medium 500, Bold 700, Black 900, et leurs italiques */