Typographie · Outils

Modern Fluid Typography Editor

Éditeur pour construire une typographie fluide qui s’adapte à la taille d’écran.

Visiter modern-fluid-typography.vercel.app (nouvelle fenêtre)

Le Modern Fluid Typography Editor est un éditeur en ligne qui permet de construire une typographie fluide. Le principe est qu’une taille de texte varie de façon continue entre une valeur minimale et une valeur maximale selon la largeur de l’écran, au lieu de changer par paliers à chaque point de rupture.

On définit les bornes de tailles et de largeurs, puis l’éditeur calcule la formule correspondante et en affiche le résultat, qui peut être repris dans une feuille de style CSS. L’outil s’utilise directement dans le navigateur.

Un·e graphiste qui travaille à l’intégration de ses maquettes y trouve un moyen de passer d’une échelle de tailles dessinée sur une maquette à un code qui s’adapte à tous les formats d’écran, sans multiplier les règles pour chaque largeur. Il suppose de connaître les bases du CSS.

Dans la même rubrique