# Variable Font Design (可変フォント・デザイン)

> Gives one font continuous axes of variation, moving weight, width and slant in response to content and data.

> JA: 一つのフォント内に連続的な変化軸を持たせ、太さ・幅・傾きなどを内容やデータに応じて動かす。

- 分類: デジタルタイポグラフィ / 種類: 技法 / 時代: 2016–
- 辞典: https://indexstyle.org/styles/variable-font-design（IndexStyle No.106）

## 視覚的特徴

- 連続するウェイト
- 可変軸
- データ連動
- 動的な文字

## 意図

技術 / 未来 / 遊び

## 向いている用途

- 歴史的な作例と成立条件を比較する
- 現代の媒体へ移す際に残す原理を見極める

## レシピ

- 文字: 参照作品の文字と画面構成を観察する
- 構成: 視線を導く主要原理を一つ抽出する
- 素材: 技法固有の素材・工程・支持体を確認する
- 色の手がかり: #edf1e8 / #4b9068 / #1c2420

## 注意（表層模倣を避ける）

変形自体を見せ場にせず、可読性と変化させる意味を先に決める。

## 関連

- Kinetic Typography（キネティック・タイポグラフィ）: https://indexstyle.org/styles/kinetic-typography
- Generative Design（ジェネラティブ・デザイン）: https://indexstyle.org/styles/generative-design
- 研究対象: OpenType Font Variations / Climate Crisis font / axis-based typography

## 出典

- 情報源: Cooper Hewitt — What Fun Is a Font if You Can’t Play with It? — https://www.cooperhewitt.org/2024/08/23/font-kiosk/
- 可変フォントの太さ軸アニメーション — https://commons.wikimedia.org/wiki/File:Chinese%20variable%20fonts%20Lanting%20Hei.gif
- 可変フォントRecursiveのデザインスペース（OFL） — https://commons.wikimedia.org/wiki/File:Recursive%20font%20cube.png

JSON: https://indexstyle.org/api/styles/variable-font-design