Generieren von Schriftartdateien aus SVG-Dateien

Ich versuche, eine installierbare Schriftart (TrueType, OpenType + Web) aus verschiedenen SVG-Dateien zu erstellen, die die Zeichen enthalten. Der knifflige Teil ist, dass die Buchstabenformen tatsächlich zufällig von einem Computer generiert werden, und da ich ein absoluter Neuling in diesem Bereich bin, möchte ich hier einige Vorschläge von erfahreneren Leuten bekommen.

Also mein Workflow ist im Grunde folgender:

  1. Ich erzeuge die SVG-Datei in meinem Browser mit Javascript und lade sie als .svg herunter

  2. Ich füge die Form in Illustrator ein, vereinfache sie, indem ich die Formen zusammenführe, und stelle die Größe der Zeichenfläche so ein, dass sie der Breite und Höhe der Form entspricht . Speichern und fortfahren.

Ich habe alle Zeichen, die ich unterstützen möchte, als separate SVG-Dateien mit unterschiedlichen Zeichenflächengrößen ( damit sie nicht an derselben Grundlinie ausgerichtet sind usw. ). Hier ist ein Beispiel:

Geben Sie hier die Bildbeschreibung ein

Ich habe sie in FontForge importiert, jedem entsprechenden Buchstaben die nötige Form gegeben und die Schriftart exportiert, um sie auszuprobieren. Die Formen werden den Schlüsseln zugeordnet und richtig gerendert, aber sie folgen nicht derselben Grundlinie und die Zeichenbreite scheint falsch zu sein:

Geben Sie hier die Bildbeschreibung ein

Hier ist das Zeichen B ausgewählt, aber die Breite ist völlig durcheinander.

Was könnte in dieser Situation getan werden? Muss ich die Formen ändern, damit sie in eine gemeinsame Grundlinie passen, indem ich die .svg-Dateien iteriere, oder kann dies in FontForge erreicht werden? Ich würde mich auch über eine Empfehlung für andere beliebte Font Maker-Software freuen.

BEARBEITEN: Da die Formen selbst sehr detailliert sind, erhöht sich die Dateigröße entsprechend. Ich versuche, die SVGs so weit wie möglich zu vereinfachen, während ich immer noch etwa 40 KB für jede Datei bekomme. Ist das ein großes Problem für Schriftarten? Haben Schriftartanbieter diesbezüglich irgendwelche Beschränkungen? Was wäre eine gute Schriftgröße (in Bezug auf die Größe auf der Festplatte), die man anstreben sollte?

Bei der Arbeit mit Schriftarten gibt es viele Einschränkungen. 1: Die Größe einer Schriftart ist auf Boxen von 1000x1000 Einheiten (Vektorpunkte) begrenzt. Möglicherweise stellen Sie fest, dass dies zu wenig ist, um detaillierte kleine Kugeln Ihrer Schriftarten gut wiederzugeben. 2: Kein Schriftprogramm kann den Buchstabenabstand für Sie bestimmen. Kerning und Anpassen sind Schritte, die der Schriftdesigner ausführen muss. Ich schlage vor, FontLab zu lernen (es gibt ein großartiges Buch von Leslie Cabarga über FontLab). Ich habe es benutzt und finde es einfacher zu verstehen als andere.
hallo, danke für deine info. werde dem nachgehen. Nebenbei bemerkt, ich habe Proxima Nova (ich habe es über TypeKit) als Basis zum Abrufen der Buchstabenformen verwendet. Wenn ich es so verteile, wie es im Moment aussieht, kostenlos, bekomme ich deswegen irgendwelche Probleme?

Antworten (1)

Es gibt/gab auch ein Problem beim Exportieren von SVGs aus Illustrator bezüglich der exportierten viewBox beim Ändern der Größe der Zeichenfläche – was Sie in Schritt 2 Ihres Workflows tun ( Weitere Informationen/Fragen zu diesem Problem ). Die Lösung könnte sein, jedes Zeichen in eine neue Datei zu kopieren/einzufügen, die (Zeichen-)Pfade an der oberen linken Ecke auszurichten und dann die Object > Artboards > Fit to artwork boundsOption zu verwenden. Bis Illustrator 2015.3 (AFAIK) können Sie auch die spezifischen Pfade auswählen und das Kontextmenü mit der rechten Maustaste verwenden und dann auswählen Export Selectionund dann SVG auswählen, anstatt den Save as-Weg zu gehen. Anscheinend importiert Fontforge die exportierten SVGs richtig, Illustrator hat sie jedoch falsch exportiert (wie oben angegeben).

Haftungsausschluss : Ich weiß, dass sich das Folgende wie eine Einkaufsliste anhört, aber ich bin mit keinem der folgenden Hersteller verwandt und habe die folgenden Vorschläge selbst gekauft und verwende sie jeden Tag.

Probieren Sie Fontself aus – ein Font-Creator-Plugin für Illustratoren. Es sollte einfacher sein, Baseline-Probleme mit SVG-basierten importierten Pfaden zu beheben.

Oder probieren Sie Glyphr Studio aus - einen kostenlosen Open-Source-Schriftdesigner, der zuerst als Webanwendung erstellt wurde und über eine hervorragende SVG-Importoption verfügt.

Ich würde auch empfehlen, SVGO nach der Erstellung der Ursprungspfade im Browser und direkt nach (oder während) dem Export der SVG-Dateien zu Ihrem Workflow hinzuzufügen. Dies könnte den Pfad vereinfachen, der beim Importieren und weiteren Vereinfachen im Illustrator (falls überhaupt erforderlich) direkt zu einem besseren und leichteren Pfad führt.

Ich empfehle auch das Illustrator-Plugin Vectorscribe , um Pfade mit dem mitgelieferten Smart Remove Brush Tool weiter zu vereinfachen , das wie Magie funktioniert und Pfadpunkte reduziert, ohne (oder nur ein wenig - je nach Einstellung) andere Pfade/Kurven/Punkte zu verschieben.

Generieren von Schriftartdateien aus SVG-Dateien
AntwortenHierDatenschutz-Bestimmungen1y, 0v