Fortgeschrittenes Textbeispiel

Traditionell wurden Schriftfamilien in einer begrenzten Anzahl von Variationen vertrieben: eine Reihe von fest kodierten Schnitten, Stilen und Breiten (und Kombinationen davon), die als eigenständige Schriftarten ausgewählt werden können.

Variable Schriftarten sind eine Erweiterung dieser Idee. Anstatt die Variationen der Schriftfamilie als eigenständige Schriftdateien zu verteilen, kann eine einzelne variable Schrift die Variationen (und viele weitere) durch Interpolation erzeugen.

Dies wird erreicht, indem in der Schrift sogenannte "variable Achsen" für Eigenschaften wie Breite, Neigung oder Gewicht definiert werden. Der Benutzer kann aus voreingestellten Werten entlang dieser Achsen wählen oder einen beliebigen benutzerdefinierten Wert innerhalb des von der Schriftart unterstützten Bereichs festlegen.

Dieses Beispiel enthält eine variable Schriftart namens "Georama" (Copyright 2020 The Georama Project Authors, Licensed under OFL 1.1). Sie hat zwei variable Achsen: Eine für das Gewicht und eine für die Breite. Durch Manipulation einer dieser beiden Achsen kann der Benutzer eine breite Palette von Variationen des Schriftdesigns erstellen.

Das Beispiel veranschaulicht, wie dies in einem realen Szenario verwendet werden kann: Beim Starten des Beispiels erstrecken sich die Textausschnitte über die im strengen Layout definierten Begrenzungsrahmen hinaus.

Durch Anpassen der Breite und/oder des Gewichts kann der visuelle Designer Variationen der Schrift erhalten, die genau in das Layout passen, ohne die Schriftgröße ändern zu müssen.

In diesem Beispiel werden jeder der beiden variablen Achsen der Schrift Schieberegler zugewiesen. Anschließend werden die Werte der variablen Achsen an die Schieberegler gebunden, so dass die Schrift automatisch aktualisiert wird, wenn der Benutzer sie ändert.

            font.variableAxes: {
                "wdth": widthSlider.value,
                "wght": weightSlider.value
            }

Die variablen Achsen werden über ihr vierstelliges Tag angesprochen. Einige Tags, wie z. B. "wdth" und "wght", sind per Konvention bestimmten Schriftattributen zugeordnet (in diesem Fall "width" bzw. "weight"), aber die Schrift kann jede beliebige Achse unterstützen, solange sie durch ein vierstelliges Tag gekennzeichnet ist. Informationen über die Achsen, die die Schriftart unterstützt, sind oft im Dateinamen enthalten.

Ausführen des Beispiels

Zum Ausführen des Beispiels von Qt Creatorzu starten, öffnen Sie den Modus Welcome und wählen Sie das Beispiel aus Examples. Weitere Informationen finden Sie unter Erstellen und Ausführen eines Beispiels.

Beispielprojekt @ code.qt.io