Laboratoire · démonstrateur
Typographie vivante
Un mot dont chaque lettre s'épaissit sous votre pointeur, grâce à une police variable : un seul fichier, toutes les graisses.
Les titres de ce site utilisent Space Grotesk en version variable : un seul fichier contient toutes les graisses, de la plus fine à la plus grasse, et toutes les valeurs intermédiaires. Le navigateur peut donc les faire varier lettre par lettre, sans charger quoi que ce soit de plus.
Ici, passez le pointeur sur le mot, ou glissez le doigt dessus : les lettres proches s’épaississent. Vous pouvez aussi écrire votre propre mot et régler la graisse et l’interlettrage avec les curseurs.
Démonstration
- Aa
- Aa
- Aa
Le même fichier de police, trois graisses parmi toutes celles qu'il contient.
Objectif
Montrer qu'une police variable peut animer un titre sans image ni vidéo, avec un seul fichier de police, tout en restant lisible et pilotable au clavier.
Technologies
Limites
- Démonstrateur sans client réel ni donnée personnelle.
- Space Grotesk n'a qu'un axe, la graisse, de 300 à 700 ; la largeur des lettres suit la graisse.
- En mouvement réduit, les lettres changent sans transition et le balayage d'ouverture n'est pas joué.
Contact
Envie d'un mouvement comme celui-ci ?
Présentez-moi votre activité, votre besoin et vos premières idées. Nous pourrons préciser ensemble les prochaines étapes.