Slopographic

Guida di Slop Font

Per iniziare con Slop Font

Slop Font è un editor di caratteri nel browser. Il tuo carattere resta su questo dispositivo; nulla viene caricato.

Apri Slop Font

La pagina

A sinistra c’è la griglia dei glifi: una casella per carattere, tratteggiata finché non è disegnata. Al centro ci sono tre viste: Disegna (l’editor dei glifi), Crenatura e Prova dei caratteri. Il pannello a destra contiene la larghezza del glifo e le spaziature laterali, i caratteri, il foglio di scrittura a mano, l’esportazione, i nomi e la licenza del font e le sue metriche.

Su telefono la griglia occupa la pagina: tocca una lettera per disegnarla e ‹ Glifi per tornare indietro. Il pannello è un foglio in basso; tocca Impostazioni per aprirlo.

Disegna una lettera

  1. Scegli una lettera nella griglia.
  2. Scegli la Penna (P): clicca per un punto netto, trascina per una curva, clicca sul primo punto per chiudere la forma.
  3. Oppure disegna con Rettangolo (R), Ellisse (E) o Tratto (S); una forma disegnata dentro un’altra diventa un foro.
  4. Usa Seleziona (V) per spostare punti e maniglie; i tasti freccia spostano, Canc elimina, un doppio clic rende un punto liscio o netto.
  5. Seleziona due contorni con Maiusc e usa Percorso ▾ Unione o Sottrai; Rimuovi sovrapposizione unisce tutta la lettera.

Suggerimento: I punti si agganciano alla griglia e alla linea di base, all’altezza delle minuscole, alle maiuscole, all’ascendente e al discendente. Tieni premuto Alt per posizionare un punto liberamente.

Porta ciò che hai già

  1. Disegna da SVG…: incolla un SVG o i suoi dati di percorso, oppure scegli un file .svg, e adattalo all’altezza delle maiuscole o delle minuscole.
  2. Traccia un’immagine…: una foto di una lettera diventa il suo contorno; imposta la soglia dell’inchiostro.
  3. Stampa un foglio… e Leggi un foglio compilato… in Scrittura a mano trasformano una pagina scritta a mano in un intero font.
  4. Apri… apre un TTF, OTF, WOFF o WOFF2 da modificare.

Spaziatura e crenatura

  1. Imposta Larghezza, Lato sinistro e Lato destro nel pannello per ogni lettera.
  2. Nella vista Crenatura, scrivi due lettere, sposta il cursore e guarda la riga di esempio.
  3. Controlla la vista Prova dei caratteri con il tuo testo, a più dimensioni, su chiaro o scuro.

Esporta e conserva

  1. In Carattere, imposta il nome della famiglia, il designer e la licenza (Usa la SIL Apri Tipo di carattere License 1.1 la compila).
  2. In Esporta, scegli TTF, OTF, WOFF2 o WOFF e clicca su Scarica il font, oppure su Salva in Slop Drive….
  3. Copia CSS @font-face dà la regola per un sito. Salva progetto conserva un file .sfont da modificare di nuovo.