Recursive: Fügen Sie eine Serifeneinstellung hinzu

Erstellt am 6. Nov. 2019  ·  6Kommentare  ·  Quelle: arrowtype/recursive

Hi!
Rekursive sieht für mich wie eine Traumschrift aus, wenn ich an die Leistung im Web denke.

Die Sans- und Mono-Versionen sehen toll aus, aber ich denke, diese Schriftart könnte mit einer Serifeneinstellung weiter verbessert werden. Ich weiß natürlich nicht, wie das ohne größere Überarbeitung erreicht werden könnte, dachte aber, ich werfe es da raus. BEARBEITEN: Wie in diesem Tweet erwähnt , könnte es eine Idee sein, dies zu forcieren, um die lässige Einstellung gegen eine Serife auszutauschen.

Ich habe das Gefühl, dass dies bereits mit der MONO-Einstellung knapp über 0.5 aber es ist keine echte Serife. Wenn die Serifen der Mono-Version ohne Monospacing verwendet werden könnten, wäre das ein guter Anfang.

Ich weiß, dass das Erstellen einer statischen Schriftartendatei ohnehin schon mühsam ist, daher kann ich mir die Zeit nicht vorstellen, die zum Erstellen variabler Schriftarten benötigt wird.

Am besten,
Chris

Hilfreichster Kommentar

Hey Chris, danke, dass du eine Ausgabe hinterlassen hast, danke für die Idee und danke, dass du mit deinem Schreiben nachdenklich bist! Es ist definitiv ein cooler Gedanke, und einer, der Spaß macht, als etwas zu betrachten, das auf lange Sicht möglicherweise hinzugefügt werden kann.

Ich weiß, dass das Erstellen einer statischen Schriftartendatei ohnehin schon mühsam ist, daher kann ich mir die Zeit nicht vorstellen, die zum Erstellen variabler Schriftarten benötigt wird.

Dies ist die Hauptsache, die mich davon abhält, dieser Familie eine Serifenvariation hinzuzufügen.

Ich bin mir nicht sicher, wie viel Sie mit Bezierkurven gezeichnet haben, aber ich werde versuchen, es auf eine Weise zu erklären, die auch für andere verständlich ist, die auf diesen Beitrag stoßen.

Es erfordert viel Zeit, Mühe und erworbene Fähigkeiten, um eine einzelne Schriftart gut zu zeichnen. Buchstaben werden alle aus gewöhnungsbedürftigen Bézierkurven erstellt, und alle Buchstaben einer Schrift müssen stilistisch mit allen anderen harmonieren und die richtigen Proportionen und Ränder haben, um im Text gut auszusehen.

Um eine variable Schriftart zu erstellen, gibt es eine erhebliche zusätzliche Herausforderung: Die Zeichnungen für jede Glyphe müssen auf verschiedene Weise übereinstimmen, damit die Zeichnungen interpoliert werden können, um Zwischenzeichnungen zu erstellen.

Wenn diese Schriftart für ein vereinfachtes Beispiel nur eine einzelne Strichstärke (ExtraBold) mit der schrägen Achse hätte, würden die beiden für den Buchstaben m erforderlichen Zeichnungen wie folgt aussehen:

image

(Dies ist ein Screenshot von RoboFont, der Software, mit der ich Rekursive gezeichnet habe.)

Damit die Interpolation gut (oder überhaupt, oft) funktioniert, müssen mehrere Dinge übereinstimmen:

  • die Anzahl der Oncurve-Punkte muss gleich sein (in diesem Bild die blauen/grünen/roten Punkte)
  • die Anzahl der Off-Curve-Punkte muss gleich sein (in diesem Bild die gelben Punkte)
  • die Konturreihenfolge muss ähnlich sein
  • die "Startpunkte" müssen ähnlich sein
  • die Unicode-Werte müssen übereinstimmen
  • die Anzahl und die Namen der "Anker" müssen übereinstimmen (diese helfen, Akzente wie dieresis usw. anzuhängen)

Um jedoch das vollständige fünfachsige rekursive VF zu erstellen, gibt es _24_ kompatible Zeichnungen für jede Glyphe. Das sieht also eher so aus:

image

(Das ist ein Screenshot von Prepolator, einer nützlichen RoboFont-Erweiterung, die es einfacher macht, Konturreihenfolge und Startpunktposition abzugleichen.)

Um eine alternative Form wie das m.italic mit seinem "Outstroke" -Ende hinzuzufügen, müssen wir den Vorgang mit 24 zusätzlichen Zeichnungen wiederholen:

image

Dieser Vorgang variiert etwas für verschiedene Buchstaben. Die Großbuchstaben und einige Kleinbuchstaben haben keine kursiven Alternativen. Alle Glyphen, die mit einer "normalen" Breite von 600 Einheiten in den Sans-Stilen gut aussehen, werden nur 12-mal gezeichnet und dann in die Sans-Master kopiert:

image

Natürlich erfordert das immer noch einige Skripte, um Glyphen zu kopieren, und Skripte, um zu überprüfen, ob die Dinge nicht aus der Reihe geraten sind.

Andere Glyphen, wie die i , erfordern 24 kompatible Zeichnungen (für die Sans-Form), plus 24 kompatible Zeichnungen für i.italic _and_ und i.mono Alternativen, _plus_ alle diakritischen Zeichen auf i brauchen auch Alternativen (obwohl diese diakritischen Zeichen glücklicherweise aus Skripten und Komponenten erstellt werden können). Alles in allem müssen die i also unter der Haube 24 Zeichnungen für dotlessi , 24 für dotlessi.italic und 24 für dotlessi.mono und dann Skripte haben fügen Sie diese mit Akzenten wie dem dotaccentcomb und dem ganzen Rest zusammen. In einem der 24 Master sieht das i etwa so aus:

image

Diese Alternates werden dann über Regeln im Designspace mit Achsenbedingungen verbunden. Die aktuellen können Sie hier einsehen: https://github.com/arrowtype/recursive/blob/7fa1884493cb3b24709153b6058844083b8e47d8/src/masters/recursive-MONO_CASL_wght_slnt_ital--full_gsub.designspace#L28 -L628.

Das heißt, wenn wir Alternativen wie m.serif hinzufügen wollten, um eine Slab-Serif-Version von Recursive zu erstellen, könnten wir dies auf zwei Arten tun:

  • Eine glatte Achse, die 24 zusätzliche Quellen erfordert (dies wäre für die endgültige Dateigröße nicht großartig, könnte aber besser sein, wenn Teilquellen über UFO-Ebenen verwendet würden – aber dieser Ansatz ist mit den meisten Zeichen- / Prüfwerkzeugen schwieriger zu verwenden)
  • Realistischer könnte es sein, dass .serif Alts in die Mischung geworfen werden und eine variable Achse, die der Kursivachse ähnelt, die steuert, ob diese aktiviert sind oder nicht.

Es würde wahrscheinlich erfordern, dass für fast jeden Groß- und Kleinbuchstaben, alle Zahlen und wahrscheinlich für einige Symbole unterschiedliche alternative Glyphen hinzugefügt werden, wenn wir Perfektionisten wären.

Ich hoffe, ich habe das klar genug erklärt ... es hat mich einige Zeit gekostet, mich damit auseinanderzusetzen, plus eine gesunde Portion guter Ratschläge von Leuten, die viel schlauer und erfahrener sind als ich. Wenn es also keinen Sinn ergibt, liegt es wahrscheinlich daran, dass es nur einige Zeit dauert, mit diesen Tools zu arbeiten, um alles zu rocken.

Dies würde jedoch mindestens ein paar Monate Arbeit bedeuten und die Gesamtkomplexität des Projekts erheblich erhöhen. Es gibt ein paar Dinge, die mir mehr gefallen als eine Serifenachse:

  • Unterstützung für Kyrillisch hinzufügen (auch ein großer Aufwand)
  • Hinzufügen einer Breitenachse, um komprimierte Stile zu ermöglichen (auch ein großer Aufwand)
  • Hinzufügen einer Blackletter-Variante (vielleicht etwas schwieriger als Serifen, würde aber viel mehr Spaß machen)
  • mein nächstes Schriftprojekt zu starten und einige dieser lustigen Ideen mit einem Design zu verwirklichen, das es etwas einfacher macht, wahrscheinlich durch das Weglassen von Achsen wie Casual und Slant

Alle 6 Kommentare

Hey Chris, danke, dass du eine Ausgabe hinterlassen hast, danke für die Idee und danke, dass du mit deinem Schreiben nachdenklich bist! Es ist definitiv ein cooler Gedanke, und einer, der Spaß macht, als etwas zu betrachten, das auf lange Sicht möglicherweise hinzugefügt werden kann.

Ich weiß, dass das Erstellen einer statischen Schriftartendatei ohnehin schon mühsam ist, daher kann ich mir die Zeit nicht vorstellen, die zum Erstellen variabler Schriftarten benötigt wird.

Dies ist die Hauptsache, die mich davon abhält, dieser Familie eine Serifenvariation hinzuzufügen.

Ich bin mir nicht sicher, wie viel Sie mit Bezierkurven gezeichnet haben, aber ich werde versuchen, es auf eine Weise zu erklären, die auch für andere verständlich ist, die auf diesen Beitrag stoßen.

Es erfordert viel Zeit, Mühe und erworbene Fähigkeiten, um eine einzelne Schriftart gut zu zeichnen. Buchstaben werden alle aus gewöhnungsbedürftigen Bézierkurven erstellt, und alle Buchstaben einer Schrift müssen stilistisch mit allen anderen harmonieren und die richtigen Proportionen und Ränder haben, um im Text gut auszusehen.

Um eine variable Schriftart zu erstellen, gibt es eine erhebliche zusätzliche Herausforderung: Die Zeichnungen für jede Glyphe müssen auf verschiedene Weise übereinstimmen, damit die Zeichnungen interpoliert werden können, um Zwischenzeichnungen zu erstellen.

Wenn diese Schriftart für ein vereinfachtes Beispiel nur eine einzelne Strichstärke (ExtraBold) mit der schrägen Achse hätte, würden die beiden für den Buchstaben m erforderlichen Zeichnungen wie folgt aussehen:

image

(Dies ist ein Screenshot von RoboFont, der Software, mit der ich Rekursive gezeichnet habe.)

Damit die Interpolation gut (oder überhaupt, oft) funktioniert, müssen mehrere Dinge übereinstimmen:

  • die Anzahl der Oncurve-Punkte muss gleich sein (in diesem Bild die blauen/grünen/roten Punkte)
  • die Anzahl der Off-Curve-Punkte muss gleich sein (in diesem Bild die gelben Punkte)
  • die Konturreihenfolge muss ähnlich sein
  • die "Startpunkte" müssen ähnlich sein
  • die Unicode-Werte müssen übereinstimmen
  • die Anzahl und die Namen der "Anker" müssen übereinstimmen (diese helfen, Akzente wie dieresis usw. anzuhängen)

Um jedoch das vollständige fünfachsige rekursive VF zu erstellen, gibt es _24_ kompatible Zeichnungen für jede Glyphe. Das sieht also eher so aus:

image

(Das ist ein Screenshot von Prepolator, einer nützlichen RoboFont-Erweiterung, die es einfacher macht, Konturreihenfolge und Startpunktposition abzugleichen.)

Um eine alternative Form wie das m.italic mit seinem "Outstroke" -Ende hinzuzufügen, müssen wir den Vorgang mit 24 zusätzlichen Zeichnungen wiederholen:

image

Dieser Vorgang variiert etwas für verschiedene Buchstaben. Die Großbuchstaben und einige Kleinbuchstaben haben keine kursiven Alternativen. Alle Glyphen, die mit einer "normalen" Breite von 600 Einheiten in den Sans-Stilen gut aussehen, werden nur 12-mal gezeichnet und dann in die Sans-Master kopiert:

image

Natürlich erfordert das immer noch einige Skripte, um Glyphen zu kopieren, und Skripte, um zu überprüfen, ob die Dinge nicht aus der Reihe geraten sind.

Andere Glyphen, wie die i , erfordern 24 kompatible Zeichnungen (für die Sans-Form), plus 24 kompatible Zeichnungen für i.italic _and_ und i.mono Alternativen, _plus_ alle diakritischen Zeichen auf i brauchen auch Alternativen (obwohl diese diakritischen Zeichen glücklicherweise aus Skripten und Komponenten erstellt werden können). Alles in allem müssen die i also unter der Haube 24 Zeichnungen für dotlessi , 24 für dotlessi.italic und 24 für dotlessi.mono und dann Skripte haben fügen Sie diese mit Akzenten wie dem dotaccentcomb und dem ganzen Rest zusammen. In einem der 24 Master sieht das i etwa so aus:

image

Diese Alternates werden dann über Regeln im Designspace mit Achsenbedingungen verbunden. Die aktuellen können Sie hier einsehen: https://github.com/arrowtype/recursive/blob/7fa1884493cb3b24709153b6058844083b8e47d8/src/masters/recursive-MONO_CASL_wght_slnt_ital--full_gsub.designspace#L28 -L628.

Das heißt, wenn wir Alternativen wie m.serif hinzufügen wollten, um eine Slab-Serif-Version von Recursive zu erstellen, könnten wir dies auf zwei Arten tun:

  • Eine glatte Achse, die 24 zusätzliche Quellen erfordert (dies wäre für die endgültige Dateigröße nicht großartig, könnte aber besser sein, wenn Teilquellen über UFO-Ebenen verwendet würden – aber dieser Ansatz ist mit den meisten Zeichen- / Prüfwerkzeugen schwieriger zu verwenden)
  • Realistischer könnte es sein, dass .serif Alts in die Mischung geworfen werden und eine variable Achse, die der Kursivachse ähnelt, die steuert, ob diese aktiviert sind oder nicht.

Es würde wahrscheinlich erfordern, dass für fast jeden Groß- und Kleinbuchstaben, alle Zahlen und wahrscheinlich für einige Symbole unterschiedliche alternative Glyphen hinzugefügt werden, wenn wir Perfektionisten wären.

Ich hoffe, ich habe das klar genug erklärt ... es hat mich einige Zeit gekostet, mich damit auseinanderzusetzen, plus eine gesunde Portion guter Ratschläge von Leuten, die viel schlauer und erfahrener sind als ich. Wenn es also keinen Sinn ergibt, liegt es wahrscheinlich daran, dass es nur einige Zeit dauert, mit diesen Tools zu arbeiten, um alles zu rocken.

Dies würde jedoch mindestens ein paar Monate Arbeit bedeuten und die Gesamtkomplexität des Projekts erheblich erhöhen. Es gibt ein paar Dinge, die mir mehr gefallen als eine Serifenachse:

  • Unterstützung für Kyrillisch hinzufügen (auch ein großer Aufwand)
  • Hinzufügen einer Breitenachse, um komprimierte Stile zu ermöglichen (auch ein großer Aufwand)
  • Hinzufügen einer Blackletter-Variante (vielleicht etwas schwieriger als Serifen, würde aber viel mehr Spaß machen)
  • mein nächstes Schriftprojekt zu starten und einige dieser lustigen Ideen mit einem Design zu verwirklichen, das es etwas einfacher macht, wahrscheinlich durch das Weglassen von Achsen wie Casual und Slant

Ich schließe dies vorerst, aber ich weiß die Frage zu schätzen, da sie mir eine nützliche Gelegenheit gab, eine Antwort auf ähnliche Fragen zu dokumentieren, die zweifellos in Zukunft auftauchen werden. :) Es wäre definitiv eine coole Option, es hinzuzufügen, ist aber derzeit nicht machbar.

Trotzdem hoffe ich, dass Sie Recursive immer noch nützlich finden, @chriskirknielsen! Wenn Sie eine Serifenschrift für den Code suchen, liebe ich Input Mono von DJR und Array Mono von JTD Type .

Danke schön!

@arrowtype Sprechen Sie über einen tiefen Tauchgang! Vielen Dank, dass Sie sich die Zeit genommen haben, mich durch all das zu führen, es ist wirklich faszinierend! Ich schätze all diese Einsichten sehr.

Ich bin sicher, dass ich noch eine Weile ohne Serifenachse leben kann – es sieht nach viel Arbeit aus, mehr als "nur" die Monoversionen von Serifen zu zeigen!

Es war eine gute Gelegenheit, eine Frage zu beantworten, die in Zukunft sicherlich noch mehr auftauchen wird! Danke nochmal für die Nachfrage.

Eine zusätzliche Sache, die ich hätte hinzufügen sollen: Wenn Sie (oder jemand anderes) einen bestimmten Bedarf an einem Serifenstil finden, müssen Sie ihn nicht unbedingt für das gesamte System zum Laufen bringen – Sie könnten eine bestimmte Instanz ändern oder sogar nur ein paar Buchstaben. Mit der OFL-Lizenz können Sie mit diesen Quellen und Schriftarten fast alles frei machen, solange die resultierenden Schriftarten auch die OFL-Lizenz tragen. (Das heißt, Sie könnten eine einteilige Serifenversion erstellen und sie „ChrisKirkNielsen Serif“ oder was auch immer nennen, solange Sie sie frei teilen und nicht versuchen, sie unter einer proprietären Lizenz auf myfonts usw. zu suchen.)

@arrowtype anstelle Ihres Interesses an einem Blackletter-Begleiter für Rekursive über einfache Serifen: Ich finde, dass Texturina ( https://github.com/Omnibus-Type/Texturina) bereits rekursive Buchstabenformen ergänzt und eine variable Schriftart bei Google Fonts ist .

Ofc mehr Blackletters zu Google Fonts, von denen ich nur wenige kenne, ist nicht unwillkommen

Texturina ist eine schöne! Ich kann sehen, wie das mit Recursive gut gehen würde. Danke für den Hinweis!

Für das, was es wert ist, denke ich, dass es bei der Schriftpaarung hauptsächlich darum geht, gute Schriften zu finden und sie zusammen zu verwenden, aber normalerweise mit genügend Kontrast, damit jede eine bestimmte Rolle spielt. So könnte Rekursive beispielsweise für Codebeispiele innerhalb einer Site funktionieren, die ansonsten in Inter festgelegt ist . Derzeit verwendet mein Blog Recursive zusammen mit Name Sans (einer kommerziellen Schriftart). Oder ich habe gerade eine Präsentation mit Newsreader und Recursive erstellt und sie sah gut aus! Und es gibt fast unendlich viele andere gute Möglichkeiten.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen