Anleitung zu Slop Font

Erste Schritte mit Slop Font

Slop Font ist ein Schrifteditor im Browser. Ihre Schrift wird auf diesem Gerät gespeichert; nichts wird hochgeladen.

Die Seite

Links steht das Zeichenraster: ein Kasten je Zeichen, gestrichelt, bis er gezeichnet ist. In der Mitte stehen drei Ansichten: Zeichnen (der Glyphen-Editor), Unterschneidung und Schrifttest. Das Panel rechts enthält Breite und Seitenabstände des Zeichens, die Zeichen, das Handschriftblatt, den Export, die Namen und die Lizenz der Schrift sowie ihre Maße.

Auf dem Handy ist das Raster die Seite: Tippen Sie auf einen Buchstaben, um ihn zu zeichnen, und ‹ Glyphen, um zurückzukehren. Das Panel ist ein Blatt am unteren Rand; tippen Sie auf Einstellungen, um es zu öffnen.

Einen Buchstaben zeichnen

Einen Buchstaben im Raster wählen.
Den Stift (P) wählen: klicken für eine scharfe Ecke, ziehen für eine Kurve, auf den ersten Punkt klicken, um die Form zu schließen.
Oder mit Rechteck (R), Ellipse (E) oder Strich (S) zeichnen; eine Form in einer anderen wird zu einem Loch.
Mit Auswahl (V) Punkte und Griffe verschieben; Pfeiltasten schieben, Delete löscht, ein Doppelklick macht einen Punkt glatt oder scharf.
Zwei Konturen mit Shift wählen und Pfad ▾ Vereinigung oder Subtrahieren nutzen; Überlappung entfernen verbindet den ganzen Buchstaben.

Tipp: Punkte rasten am Raster und an der Grundlinie, X-Höhe, Versalhöhe, Oberlänge und Unterlänge ein. Halten Sie Alt, um einen Punkt frei zu setzen.

Vorhandenes übernehmen

Aus SVG zeichnen…: ein SVG oder seine Pfaddaten einfügen oder eine .svg-Datei wählen und auf die Versalhöhe oder die X-Höhe einpassen.
Ein Bild nachzeichnen…: Ein Foto eines Buchstabens wird zu seinem Umriss; legen Sie die Tintenschwelle fest.
Blatt drucken… und Ausgefülltes Blatt einlesen… unter Handschrift machen aus einer Seite Handschrift eine ganze Schrift.
Öffnen… öffnet eine TTF-, OTF-, WOFF- oder WOFF2-Datei zum Bearbeiten.

Abstände und Unterschneidung

Im Panel für jeden Buchstaben Breite, Linker Abstand und Rechter Abstand setzen.
In der Ansicht Unterschneidung zwei Buchstaben eintippen, den Regler bewegen und die Musterzeile beobachten.
Die Ansicht Schrifttest mit eigenem Text prüfen, in mehreren Größen, auf hell oder dunkel.

Exportieren und aufbewahren

Unter Schrift den Familiennamen, den Gestalter und die Lizenz setzen („SIL Open Font License 1.1 verwenden“ füllt sie aus).
Unter Exportieren TTF, OTF, WOFF2 oder WOFF wählen und „Schrift herunterladen“ klicken oder „In Slop Drive speichern…“.
„CSS @font-face kopieren“ liefert die Regel für eine Website. „Projekt speichern“ behält eine .sfont-Datei zum erneuten Bearbeiten.