La grille

La grille de votre F%NT est affichée dans la barre d'adresse. Celle-ci est valable pour tous les glyphes de votre projet.

Par défaut et pour une grille régulière, vous verrez :
https://f-nt.eu/font/start#125-125-125-125-125-125-125-125-125-125_125-125-125-125-125-125-125-125-125-125-125-125

#125-125-125-125-125-125-125-125-125-125 pour les 10 colonnes puis
_125-125-125-125-125-125-125-125-125-125-125-125 pour les 12 rangées

Rappel : Si vous appuyez sur le bouton %, vous pouvez déformer celle-ci en faisant glisser les lignes.

Les fonctions

En passant par le bouton « trois points », vous pouvez taper des commandes et lancer des fonctions (en appuyant sur entrée).

Le resetGrid() remet la grille de base

resetGrid()

Le stepsGrid va distribuer l'espace selon des coefficients, par défaut avec '1,2' j'obtiens 5 fois 83,167 (83+83= 167 166). Pour ceux qui codent en HTML/CSS, on est proche des grilles et des unités « fr ».

stepsGrid('1,2','1')

Le easeGrid('circ.inOut','circ.inOut') distribue selon les courbes mathématiques utilisées dans la librairies GSAP (et ailleurs).

easeGrid('circ.inOut','circ.inOut')

Toutes les fonctions sont paramétrables !
exemple : stepsGrid('2,2,3','1,5,2')