{"id":"variable-font-design","no":106,"name":"Variable Font Design","ja":"可変フォント・デザイン","era":"2016–","family":"デジタルタイポグラフィ","kind":"技法","collection":"Dictionary expansion 05","addedAt":"2026-08-17","source":{"title":"Cooper Hewitt — What Fun Is a Font if You Can’t Play with It?","url":"https://www.cooperhewitt.org/2024/08/23/font-kiosk/"},"reference":{"status":"verified","pageUrl":"https://www.cooperhewitt.org/2024/08/23/font-kiosk/","credit":"Cooper Hewitt — What Fun Is a Font if You Can’t Play with It?","gallery":[{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Chinese%20variable%20fonts%20Lanting%20Hei.gif?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Chinese%20variable%20fonts%20Lanting%20Hei.gif","credit":"可変フォントの太さ軸アニメーション"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Recursive%20font%20cube.png?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Recursive%20font%20cube.png","credit":"可変フォントRecursiveのデザインスペース（OFL）"}]},"essence":"一つのフォント内に連続的な変化軸を持たせ、太さ・幅・傾きなどを内容やデータに応じて動かす。","cues":["連続するウェイト","可変軸","データ連動","動的な文字"],"intents":["技術","未来","遊び"],"works":["歴史的な作例と成立条件を比較する","現代の媒体へ移す際に残す原理を見極める"],"recipe":{"type":"参照作品の文字と画面構成を観察する","layout":"視線を導く主要原理を一つ抽出する","material":"技法固有の素材・工程・支持体を確認する"},"avoid":"変形自体を見せ場にせず、可読性と変化させる意味を先に決める。","colors":["#edf1e8","#4b9068","#1c2420"],"motif":"type","pair":["kinetic-typography","generative-design"],"study":["OpenType Font Variations","Climate Crisis font","axis-based typography"],"en":{"essence":"Gives one font continuous axes of variation, moving weight, width and slant in response to content and data.","cues":["Continuous weights","Variable axes","Data-driven type","Type in motion"],"works":["Comparing historical works and their conditions","Deciding which principles survive translation to today's media"],"recipe":{"type":"Observe the type and composition of reference works","layout":"Extract the one principle that steers the eye","material":"Verify the technique's own materials, process and support"},"avoid":"Don't make the morphing the show. Decide legibility and the meaning of the change first.","study":["OpenType Font Variations","Climate Crisis font","axis-based typography"]}}