Accentsconagua
Share
Variable Zeichensätze sind, kurz gesagt, Zeichensatzdateien, deren Einstellungen Sie in subtil ändern oder das Erscheinungsbild der Schriftart drastisch ändern können. Sie machen einen großen Unterschied beim Tippen im Web - lassen Sie uns einen genaueren Blick darauf werfen!
Durch variable Schriftarteinstellungen (die aufgerufen werden) Achsen) Sie können eine einzelne Schriftartdatei verwenden und die Variationen erstellen, die Sie bisher nur mit mehreren Schriftartdateien durchlaufen konnten.
Wenn Sie beispielsweise bei einer normalen Schriftfamilie eine Version mit leichter, normaler und gewichtiger Schrift wünschen, müssen Sie drei verschiedene Schriftdateien laden.
Allerdings mit einer variablen Schrift, die als Gewichtsachse Sie können das Gewicht über CSS anpassen, um das helle, normale und fette Aussehen aus einer einzigen Datei zu erhalten:
.leichte Font-Variation-Einstellungen: "Breite" 66; .reguläre font-Variation-Einstellungen: "wght" 84; .bold Font-Variation-Einstellungen: "wght" 154;
Mit diesem Ansatz erhalten Sie dasselbe typografische Erscheinungsbild, jedoch mit erheblich verbesserten Ladezeiten. Wo Sie früher die Anzahl der Varianten, die Sie in eine Webseite laden mussten, mit variablen Schriftarten, die kein Problem mehr sind, minimieren müssen, haben Sie eine riesige Anzahl von Varianten an Ihren Fingerspitzen:
Protipo Variable in der Axis-PraxisWas die Stilvariabilität angeht, hört es nicht einfach dort auf. Sie sind nicht nur auf die Variationen beschränkt, die Sie gewohnt sind, wie normales Gewicht oder Kursiv.
Erstens kann der Wert für jede Achse irgendwo in einem verschiebbaren Bereich festgelegt werden, nicht nur bei festgelegten Werten. Wenn Sie also nach einem Gewicht zwischen normal und fett gesucht haben, ist das durchaus möglich. Oder wenn Sie möchten, dass Ihre Kursiven etwas weniger geneigt sind, oder Sie möchten, dass die Zeichenbreite etwas größer als der Standard ist, liegt die Macht in Ihren Händen. Passen Sie Ihre Einstellungen genau an, was Sie benötigen.
Zweitens können Schriften alle Achsen verwenden, an die der Designer gerne denkt! Schauen Sie sich die für Bitcount verfügbaren Einstellungen an:
Bitcount-Einstellungen in Axis-PraxisAbhängig von der Schriftart finden Sie Achsen, mit denen Sie die Möglichkeit haben, Schlagschatten, Schablonenlücken oder Zeichenterminals zu steuern. Die Optionen sind unbegrenzt.
Variable Schriftarten wirken sich stark auf unsere Arbeit als Webdesigner aus. Sie ermöglichen uns eine viel größere Vielfalt und Kontrolle bei gleichzeitiger Reduzierung unserer Lastgeschwindigkeiten. Sie werden uns auch erlauben, uns in unserer typografischen Kreativität auf eine Weise zu verzweigen, die zuvor technisch unmöglich war.
Um Ihnen den Einstieg in variable Schriftarten zu erleichtern, haben wir einen Kurs zusammengestellt, der Sie durch alle wichtigen Aspekte ihrer Funktionsweise führt, Sie mit den benötigten Tools vertraut macht und Sie durch das Codieren des CSS führt steuert variable Schriftarten und zeigt, wie Fallbacks für Browser erstellt werden, die noch nicht unterstützt werden.
