Slopographic

Guía de Slop Font

Primeros pasos con Slop Font

Slop Font es un editor de fuentes en tu navegador. Tu fuente se guarda en este dispositivo; no se sube nada.

Abrir Slop Font

La página

A la izquierda está la cuadrícula de glifos: una casilla por carácter, discontinua hasta que se dibuja. En el centro hay tres vistas: Dibujar (el editor de glifos), Kerning y Prueba tipográfica. El panel de la derecha tiene el ancho y los márgenes laterales del glifo, los caracteres, la hoja de escritura a mano, la exportación, los nombres y la licencia de la fuente, y sus métricas.

En el móvil, la cuadrícula ocupa toda la página: toca una letra para dibujarla y ‹ Glifos para volver. El panel es una hoja en la parte inferior; toca Ajustes para abrirla.

Dibuja una letra

  1. Elige una letra en la cuadrícula.
  2. Elige la Pluma (P): haz clic para un punto afilado, arrastra para una curva, y haz clic en el primer punto para cerrar la forma.
  3. O dibuja con Rectángulo (R), Elipse (E) o Trazo (S); una forma dibujada dentro de otra se convierte en un agujero.
  4. Usa Seleccionar (V) para mover puntos y manejadores; las flechas los desplazan, Supr los elimina y un doble clic convierte un punto en suave o afilado.
  5. Selecciona dos contornos con Mayús y usa Trazado ▾ Unión o Restar; Quitar solapamiento une toda la letra.

Consejo: Los puntos se ajustan a la cuadrícula y a la línea base, la altura de x, la altura de mayúsculas, el ascendente y el descendente. Mantén pulsado Alt para colocar un punto libremente.

Usa lo que ya tienes

  1. Dibujar desde SVG…: pega un SVG o sus datos de trazado, o elige un archivo .svg, y ajústalo a la altura de mayúsculas o a la altura de x.
  2. Calcar una imagen…: una foto de una letra se convierte en su contorno; ajusta el umbral de tinta.
  3. Imprimir una hoja… y Leer una hoja rellenada… en Escritura a mano convierten una página de escritura a mano en una fuente completa.
  4. Abrir… abre un TTF, OTF, WOFF o WOFF2 para editarlo.

Espacio y kerning

  1. Ajusta Ancho, Margen izquierdo y Margen derecho en el panel para cada letra.
  2. En la vista Kerning, escribe dos letras, mueve el deslizador y observa la línea de muestra.
  3. Revisa la vista Prueba tipográfica con tu propio texto, en varios tamaños, sobre fondo claro u oscuro.

Exporta y guarda

  1. En Fuente, indica el nombre de la familia, el diseñador y la licencia (Usar la SIL Open Font License 1.1 la rellena).
  2. En Exportar, elige TTF, OTF, WOFF2 o WOFF y haz clic en Descargar fuente, o en Guardar en Slop Drive….
  3. Copiar @font-face en CSS da la regla para una web. Guardar proyecto conserva un archivo .sfont para editarlo de nuevo.