Guide de Slop Font

Premiers pas avec Slop Font

Slop Font est un éditeur de polices dans votre navigateur. Votre police reste sur cet appareil ; rien n’est envoyé.

Ouvrir Slop Font

La page

À gauche se trouve la grille des glyphes : une case par caractère, en pointillé tant qu’il n’est pas dessiné. Au centre, trois affichages : Dessin (l’éditeur de glyphes), Crénage et Test de texte. Le panneau de droite contient la largeur et les marges latérales du glyphe, les caractères, la feuille d’écriture, l’export, le nom et la licence de la police, et ses métriques.

Sur téléphone, la grille occupe la page : touchez une lettre pour la dessiner, et ‹ Glyphes pour revenir. Le panneau est une feuille en bas de l’écran ; touchez Réglages pour l’ouvrir.

Dessiner une lettre

1. Choisissez une lettre dans la grille.
2. Choisissez le Stylet (P) : cliquez pour un point vif, glissez pour une courbe, cliquez sur le premier point pour fermer la forme.
3. Ou dessinez avec Rectangle (R), Ellipse (E) ou Trait (S) ; une forme dessinée dans une autre devient un trou.
4. Utilisez Sélection (V) pour déplacer points et poignées ; les flèches décalent, Suppr retire, un double-clic rend un point lisse ou vif.
5. Sélectionnez deux contours avec Maj et utilisez Tracé ▾ Réunir ou Soustraire ; Supprimer le chevauchement fusionne toute la lettre.

Astuce : Les points s’accrochent à la grille et à la ligne de base, à la hauteur d’x, à la hauteur des capitales, à la hampe et au jambage. Maintenez Alt pour placer un point librement.

Reprendre ce que vous avez

1. Dessiner depuis un SVG… : collez un SVG ou ses données de tracé, ou choisissez un fichier .svg, et ajustez-le à la hauteur des capitales ou à la hauteur d’x.
2. Tracer une image dans le glyphe… : une photo d’une lettre devient son contour ; réglez le seuil d’encre.
3. Imprimer une feuille d’écriture… et Lire une feuille remplie…, sous Écriture manuscrite, transforment une page d’écriture en police complète.
4. Ouvrir… ouvre un TTF, OTF, WOFF ou WOFF2 à modifier.

Espacer et créner

1. Réglez Chasse, Côté gauche et Côté droit dans le panneau pour chaque lettre.
2. Dans l’affichage Crénage, saisissez deux lettres, déplacez le curseur et regardez la ligne d’exemple.
3. Vérifiez l’affichage Test de texte avec votre propre texte, à plusieurs tailles, sur fond clair ou sombre.

Exporter et conserver

1. Sous Police, indiquez le nom de famille, le créateur et la licence (Utiliser la licence SIL Open Font License 1.1 la remplit).
2. Sous Export, choisissez TTF, OTF, WOFF2 ou WOFF et cliquez sur Télécharger la police, ou sur Enregistrer dans Slop Drive….
3. Copier le CSS @font-face donne la règle pour un site web. Enregistrer le projet conserve un fichier .sfont à modifier plus tard.