高度なテキストの例

伝統的に、フォントファミリは限られた数のバリエーションで配布されてきました。つまり、ハードコードされたウェイト、スタイル、幅（およびこれらの組み合わせ）のセットで、スタンドアロンフォントとして選択できます。

バリアブルフォントはこの考えを発展させたものです。フォントファミリーのバリエーションをスタンドアロンのフォントファイルとして配布する代わりに、単一のバリアブルフォントが補間によってバリエーション（およびそれ以上）を生成することができます。

これは、幅、傾き、太さなどの特性について、フォント内にいわゆる「可変軸」を定義することで実現される。ユーザーは、これらの軸に沿ってプリセット値から選択することも、フォントがサポートする範囲内で任意のカスタム値を設定することもできます。

この例では、「Georama」（Copyright 2020 The Georama Project Authors, Licensed under OFL 1.1）という可変フォントを使用しています。これは2つの可変軸を持っています：一つは太さ、もう一つは幅です。このどちらかを操作することで、ユーザーはフォントのデザインにさまざまなバリエーションを持たせることができる。

この例は、これが実際のシナリオでどのように使われるかを示しています：この例を開始すると、テキスト・スニペットは厳密なレイアウトで定義されたバウンディング・ボックスの外側に伸びる。

幅やウェイトを調整することで、ビジュアルデザイナーはフォントサイズを変更することなく、レイアウトにぴったり合うフォントのバリエーションを得ることができます。

この例では、フォントの2つの可変軸のそれぞれにスライダーを割り当てています。そして、可変軸の値をスライダにバインドして、ユーザーが変更したときにフォントが自動的に更新されるようにしています。

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

可変軸は、4文字のタグによってアドレス指定されます。wdth "や "wght "のようないくつかのタグは、慣例により特定のフォント属性にマップされます（この場合、それぞれ "width "と "weight"）。フォントが対応する軸に関する情報は、多くの場合ファイル名に含まれています。

例を実行する

Qt Creator からサンプルを実行するには、Welcome モードを開き、Examples からサンプルを選択します。詳細については、Building and Running an Example を参照してください。

サンプルプロジェクト @ code.qt.io