thumb|2つの立方体の展開図で表された、バリアブルフォント「Recursive Sans & Mono」のデザイン空間。 バリアブルフォント（）または可変フォント（かへんフォント）は、単一のフォントファイルで連続的なスタイル変化を可能とする技術である。OpenType 1.8で追加された仕様拡張で、2016年9月14日にアドビ、Apple、Google、マイクロソフトによって発表された。デザイナーが字幅、傾斜、太さ、セリフの形状などの各種パラメータを設定すると、その指定に応じて描画エンジンがテキストを生成する仕組みとなっている。
本技術は、AppleのをOpenType向けに適応したものであり、OpenTypeレイアウトテーブルや、TrueTypeおよびCFF形式のグリフアウトラインなど、OpenTypeフォーマットの主要機能が統合されている。
歴史 バリアブルフォント技術の開発は1990年代に始まった。1991年にアドビが (multiple master fonts) を発表し、後にAppleがTrueType GXを発表したが、両社を含む諸企業間の競争やその他の要因により、これらの技術が広く普及することはなかった。
2013年頃、マイクロソフトが独自の開発に乗り出した。同社は2015年にAppleの協力を得て、TrueType GXの技術をOpenTypeに統合する作業を進めた。2016年1月、Googleの開発者であるベーダッド・エスファーボッドが独自に「OpenType GX」の提案を公開したことで、後にマイクロソフトとAppleの開発チームが彼に接触した。同年2月にはアドビもこの企画に参加し、結果としてマイクロソフト、Apple、Google、アドビによる共同開発が開始された。
2016年9月14日、ワルシャワで開催された第60回国際タイポグラフィ協会 (ATypI) シンポジウムにて、OpenTypeバリアブルフォントはOpenType 1.8の一部として正式に発表された。
技術 thumb|複数の軸による補間 本技術は、フォント開発ツールで長年サポートされ、書体デザイナーによって利用されてきた補間 (interpolation) および外挿 (extrapolation) のメカニズムを用いている。従来の設計手法では、書体デザイナーがバリエーションのセットを作成したのち、そこから特定のインスタンス（個別のフォント）を抽出して静的フォントを生成し、それをユーザーに提供していた。しかし、バリアブルフォントにおいては、デザイナーが作成・配布するフォント自体に可変性を組み込むことができる。補間メカニズムはオペレーティングシステムやウェブブラウザ、その他のアプリケーションに直接組み込まれるようになり、ユーザーの使用時にスタイルが動的に生成・選択される仕組みとなっている。
本技術の主要な利点の一つは、複数のスタイルを使用する際に、ファイル全体のデータサイズを大幅に削減できる点である。これにより、ウェブサイトにおいてはページの読み込み時間を短縮しつつ、より多くのスタイルを使用することが可能となる。また、レスポンシブデザインに有用な、多種多様なスタイルのバリエーションを利用できることも大きな利点である。
この技術は、1990年代に登場したアドビのマルチプルマスターフォント（multiple master fonts、MMフォント）技術としばしば比較される。MMフォントも同様に、マスターファイルから補間と外挿によってフォントスタイルをオンザフライで生成するものであった 。しかし、MMフォントを使用するには、ユーザーが事前にAdobe Type Managerなどのソフトウェアを用いて、特定のバリエーション軸値に対応するインスタンスを生成する必要があった。OpenTypeバリアブルフォントではこの事前作業は不要であり、指定された、あるいは任意のフォントスタイルが必要に応じて即座に選択・使用される。
バリエーション軸 OpenTypeでは、4文字のタグによってバリエーション軸 (variation axis) を識別する。登録済みのタグには共通の意味と数値尺度が規定されており、アプリケーションは異なるフォント間で軸を共通に解釈できる。
登録済みの軸は次の通りである。
タグ 軸 意味と尺度 wght 太さ (weight) 画線の太さやそれに関連するデザインの細部を変化させる。値は1から1000の範囲を取り、400が標準（レギュラー）の太さを表す。 wdth 字幅 (width) 書体デザインの幅を変化させる。標準幅に対するパーセンテージで表され、100が標準幅となる。 opsz オプティカルサイズ (optical size) 文字サイズに応じてデザインを調整する。値はタイポグラフィ上のポイント数で表される。 slnt 傾斜角 (slant) 正立した状態からの反時計回りの傾斜角を度数で表す。通常、右方向への傾斜は負の値となる。 ital イタリック (italic) 非イタリック体とイタリック体のデザインを0から1の尺度で区別する。この軸は傾斜角軸とは独立している。
フォントのfvarテーブルは、そのフォントがサポートする軸と、各軸の最小値、既定値、最大値を規定する。サポートする範囲は、登録済み軸の尺度の一部に限られる場合もある。また、フォントの既定値は、登録簿においてレギュラーとして指定されている値と一致する必要はない。
これらの登録済み軸に加え、フォントにカスタム軸を定義することも可能である。これにより、セリフの長さ、大文字や小文字の高さ、アセンダーやディセンダーの高さ、コントラスト、さらには装飾要素全般を変化させることができる。例えば、長文の本文組版には低コントラストのバリエーションを、大きな見出しには高コントラストで細部を強調したバリエーションを用いるといった調整が可能となる。特にAppleは、自社のOSやウェブサイトにおいて、New York書体でこの特性を活用している。
対応状況
オペレーティングシステム マイクロソフトは、Windows 10 バージョン1709（通称Fall Creators Update）において、Windows初のバリアブルフォントとしてDIN 1451をデジタル化した「Bahnschrift」を導入した。しかし、OpenTypeアウトラインを用いたCFF2フォントのサポートによりWindowsのテキストレンダリングエンジンに不具合が生じ、ユーザーインターフェースのテキストが表示されなくなる問題が一部で発生した。この問題は、2023年の更新プログラム (KB5032278) により修正された。
Androidは、Android Oreo（APIレベル26）においてモバイルアプリ開発者向けのバリアブルフォントサポートを追加した。
Appleは、自社のオペレーティングシステムにおいてMac OS X v10.5およびiPhone OS 3.2からバリアブルフォントをサポートしているが、WebKitを介したSafariでの利用に対応したのは、macOS High Sierra (10.13) およびiOS 11 (Safari 11) 以降である。
Linuxをはじめとする多くのUnix系システムで採用されているフォントレンダリングエンジンFreeTypeは、2017年5月 (FreeType 2.8) にバリアブルフォントのサポートを追加した。
エディタ thumb|中国語のバリアブルフォント「」 2017年10月18日にリリースされたAdobe Creative Cloud 2018では、PhotoshopおよびIllustratorでバリアブルフォントがサポートされ、Acumin、Minion、Myriad、、Source Sans、Source Serifの各バリアブルコンセプト版フォントが同梱されている。Creative Cloud 2020では、InDesignでのバリアブルフォントのサポートが追加された。
Inkscapeでは、バージョン1.0でバリアブルフォントのサポートが追加された。
LibreOfficeでは、バージョン7.5でバリアブルフォントのサポートが追加された。
Sketchでは、バージョン59よりバリアブルフォントが利用可能となっている。
ブラウザとその他のプログラム ウェブブラウザにおけるバリアブルフォントの制御には、ウェイトのような既知のパラメータに対する既存のプロパティと、基本となるプロパティfont-variation-settingsの両方が用いられる。CSSプロパティのサポート状況の履歴については、MDNのウェブサイトを参照のこと。
Qtフレームワークおよび統合開発環境 (IDE) であるQt Creatorは、それぞれバージョン6.7および13以降でバリアブルフォントをサポートしている。
脚注
外部リンク From TrueType GX to Variable Fonts V-Fonts - ニック・シャーマンによる利用可能なバリアブルフォントのショーケース 可変フォントガイド (MDN Web Docs) Variable Fonts on the Web Variable Fonts: the Future of (Web) Type Introducing OpenType Variable Fonts 次世代のフォント技術 バリアブルフォントの世界