高度なテキストの例

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

可変フォントはこの考え方をさらに発展させたものです。フォントファミリーのバリエーションを個別のフォントファイルとして配布する代わりに、1つの可変フォントが補間によってそれらのバリエーション（およびそれ以上のバリエーション）を生成することができます。

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

この例には、「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」）にマッピングされています。 ただし、4文字のタグで指定される限り、フォントはどのような軸でもサポート可能です。フォントがサポートする軸に関する情報は、多くの場合、そのファイル名に含まれています。

例の動作

以下の手順で例を実行できます：

• Qt Creator

  Welcome モードを開き、Examples からこの例を選択します。詳細については、Qt Creator の「チュートリアル：ビルドと実行」を参照してください。

• Qt Extension for Visual Studio Code

  Command Palette から `Qt: Open Qt examples ` コマンドを実行し、リストからサンプルを選択します。詳細については、Qt Extension for Visual Studio Code: Tutorial: Build and run を参照してください。

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