Arbeiten mit alternativen Charakteren

Wenn Sie Ihrer Web-Typografie mehr Stil und Funktionalität verleihen wollen, sollten Sie sich nach Fonts umsehen, das über alternative Zeichen verfügt. Und wenn Sie sparsam mit nur einer Font arbeiten, können die hinzugefügt am Zeichen, die Sie mit alternativen Zeichen erhalten, Ihr Design weiter ausdehnen.

Ein alternativer Charakter - manchmal auch Alt-Charakter genannt - ist eine andere Version eines Standard-Charakters. Ein alternativer Charakter kann etwas anders aussehen als der Standardcharakter, und in manchen Fällen sogar deutlich anders. Einige alternative Zeichendesigns können zum Beispiel geometrischer aussehen. Andere können handschriftlich aussehen. Auf Font kann ein einstöckiges a stehen, während das alternative a zweistöckig ist, oder umgekehrt. Es gibt auch funktionale Verwendungen für Alternativen. Sie haben vielleicht ein Standard-Q mit einem langen Ende, das aber beim Setzen eines Titels im Weg ist, so dass Sie ein alternatives Q mit einem kürzeren Ende verwenden können.

Es ist nur ein wenig CSS-Know-how erforderlich, um die Vorteile der zusätzlichen Zeichendesigns zu nutzen. Wenn Font über alternative Zeichen verfügt und die Browser dies unterstützen, können Sie diese mit dem Wert für die stilistische Alternative aktivieren ("Salz") im Font-Feature-Einstellungen CSS-Eigenschaft.

Das Muller Schrift, das insgesamt 20 Stile hat, einschließlich der hier gezeigten Haarlinie, hat ein Standard-a, das zweistöckig ist (oben), aber Sie können das geometrischere einstöckige a (unten) mit CSS aktivieren.

Der Aviano Contrast Schrift hat alternative Zeichen, die unten zu sehen sind und unterschiedliche Querbalken und Schwänze haben. Und beachten Sie, dass die in der unteren Reihe gezeigte Alternative B eine unkonventionell große obere Schale hat.

Alternative Charaktere, alternative Stile

Alternativzeichen sind für stilistische Zwecke sehr nützlich, wie z. B. das verlängerte Ende des alternativen Q der Warnock® Pro Schrift. Die verlängerte Qualität sorgt für ein eleganteres Erscheinungsbild, insbesondere wenn Sie Überschriften setzen, die auffallen sollen.

Der Warnock® Pro Schrift , entworfen von Robert Slimbach, verfügt über ein alternatives Q, y, w und v, das in der unteren, kleineren Version von Quietly woven zu finden ist.

Wenn eine Font alternative Zeichen hat, können Sie diese mit CSS aktivieren, indem Sie die Salz Wert:

Font-Feature-Einstellungen: "Salz";

-webkit-Font-feature-settings: "Salz";

-o-Font-feature-settings: "Salz";

-moz-Font-feature-settings: "Salz";

-ms-Font-feature-settings: "Salz";

Wenn eine Font ein zweites Alternativzeichen hat, würden Sie verwenden "Salz" 2. Wenn ein Dritter, würden Sie verwenden "Salz" 3und so weiter.

Die Mostra Nuova Schrift von Mark Simonson enthält nicht nur 30 Stile in einer Font, sondern auch eine Vielzahl von Stilalternativen. Im obersten Beispiel erscheinen Standardzeichen, wobei das erste ("Salz"), zweitens ("Salz" 2), und drittens ("Salz" 3) stilistische Alternativen, die darunter erscheinen.

Die serifenlose Schrift Bree™ Schrift von Veronika Burian und José Scaglione hat eine handschriftliche Qualität, die sich in Standardzeichen wie Q, e, g, k, v, w, y und z zeigt.

Die Bree Serif Schrift ähnelt ihrer serifenlosen Verwandten, nur mit klobigen Slab-Serifen. Sie hat auch alternative Zeichen (Beispiel unten), wie das zweistöckige a und g. Beachten Sie den Unterschied zwischen den beiden e-Zeichen.

Verwendete alternative Zeichen

Funktionell können alternative Zeichen Hilfe eine Überschrift vom Fließtext unterscheiden, insbesondere wenn Sie für beide dieselbe Font verwenden und einen Kontrast zwischen beiden schaffen wollen hinzugefügt am .

Im obigen Beispiel wurden alternative Zeichen für die Überschrift von Bree aktiviert, aber der Fließtext in Bree Light verwendet die Standardzeichen, um den handschriftlichen Charakter zu unterstreichen.

Hier, bei der Bree Serif, haben wir die Alternativzeichen auch in der Überschrift und den Fließtext in der gleichen Schriftstärke mit den Standardzeichen. Manchmal können die alternativen Zeichen aber auch im Weg sein. Im folgenden Beispiel hat das alternative Q einen Ausläufer, der zu nahe an die Überschrift heranreicht, die in der Zeile Nächste fortgesetzt wird.

Dies ist ein guter Fall für eine Q mit einem kürzeren Schwanz, wie er im Standarddesign zu finden ist, anstelle des alternativen Zeichens mit seinem längeren Schwanz. Wir entfernen also das Font-Feature-Einstellungen: "Salz" Eigenschaft aus der Überschrift, um die Standard Q, wie unten gezeigt. Zur Sicherheit wurde der Zeilenabstand - in CSS Zeilenhöhe genannt - erhöht, damit zwischen den Zeilen der Überschrift hinzugefügt am Luft ist.

Nutzen Sie frühzeitig die Macht der alternativen Charaktere

Achten Sie bei der Auswahl einer Schrift darauf, wie sie für Ihre Web-Typografie funktioniert, indem Sie Permutationen von Überschriften, Fließtext, Bildunterschriften und Anführungszeichen erstellen. Testen Sie die Lesbarkeit und Lesbarkeit. Und verwenden Sie alternative Zeichen für Spaß und Flair, aber auch für die Funktion.