
2026/05/31 7:06
シャントールサンス
RSS: https://news.ycombinator.com/rss
要約▶
Japanese Translation:
Shantell Sans は、Comic Sans のアクセシブルで楽しい代替案として設計された画期的な可変フォントであり、個性を損なわずに可読性を確保する必要性に直接応えています。この万能な書体は、アーティストのシャンテール・マーティンとタイプデザイナーのステファーン・ニクソンが Staedtler Lumocolor M フェルトペンを使用して作成し、太さ、非公式性、躍動感、間隔の軸を組み合わせることで、親しみやすい作業用のスタイルからハイエネルギーなアニメーションデザインまでシームレスに遷移します。重要な特徴はインクルーシビティへのコミットメントであり、ラテン文字とキリル文字を用いて 380 語以上をサポートし(ベトナム文字および通貨記号の拡張を含む)、不読症の方々の読解を助けるために「I」に独自の筆落(serif)、「1」に旗のようなデザインを追加するなど、具体的なデザインの微調整を行っております。ユニークな点は、ネイティブの文字間隔サポートを持たないソフトウェア向けに専用の間隔軸が追加されており、あらゆる場所で一貫した可読性を保証していることです。Google Fonts および GitHub を通じてフリーのオープンフォントライセンスの下でリリースされ、すでに Cash App などの大手エンティティや、univer.se の大学テンプレートなどに採用されており、Google Docs/Slides 内でも利用されています。標準スタイルに加え、柔軟性を高めるためメインスタイルと共にフル斜体オプションも含まれています。技術的な生産プロセスでは、スキャンされた手書きサンプルをトレースし、一貫性を持たせるために proportions を修正し、Python スクリプトを使用してアニメーション効果を生成しました。また、キリル文字の設計については専門家の協力で自然な形状を確保するために適応されました。
本文
シャンテールサンズ:遊び心と実用性を両立する変数フォントの物語
シャンテールサンズ(Shantell Sans)は、アーティスト・シャンテール・マーチン氏の手書きを基盤としたオープンソースフォントです。太さ、斜体、カジュアルさ、バウンスといった多様な軸を持たせ、日常的な使いやすさとアニメーション向けのエネルギー感の両方を表現可能です。
作られた背景:文字との向き合い方
デザイナーでありアーティストのシャンテール・マーチン氏。フォント制作への想いは幼少期から始まりました。
- スペリングテストへの苦しみ: 小学校時代に一度も合格せず、留置処罰を経験。しかし「文字を愛しており、感情表現や気持ちを落ち着かせるツールとして捉えていた」。
- ディスレクシアの自覚: 20〜21 歳で诵读障碍(ディスレクシア)であることを発見。
- クリエイティブな環境では歓迎されたが、読み書きへの課題には罰則を与えられた失望感も。
- オープンフォントの意図:
- 「自己決定権」への支援: 文字との関わり方を選ばず、読み書きを自分で決める力を助けるため。
- 遊び心とプロフェッショナリズムの融合: 楽しい筆跡でありながら、実用的なプロフェッショナルなフォントにしたいという願いから。
- 文字を「絵」として捉える: 「文字は絵であり、自分のルールで作れる」という視点での開かれたフォント制作。
コミケンスの影響:読みやすい手書きスタイルが、诵读障碍の彼女にとって助けだったことから着想を得ました。
- 感情的な使いやすさ: 密集した小文字や無機質なデザインは避け、「余白があり近づきやすい」フォントを追求。
オープンライセンスへの決断
- Google Fonts や GitHub などを通じて無料で公開(OFL ライセンス)。
- アーティストの「贈り物」として、世界中の利用者や若者にその背景を知ってもらい活用してほしいと願う。
初期の採用事例
プロジェクト発足後すぐに注目を集め、以下のような実績を築きました。
- ニューヨーク・ホイットニー美術館: ショップ向けのキータグデザインに採用。
- キャッシュアプリ (Cash App): 現金カードのデザイン(表面のタグ、裏面の番号など)で利用。
- tldraw: Web ベースの描画アプリにおいて、メインの書き込みフォントとして採用。
- univer.se: スマートフォンでの Web サイト構築テンプレートで使用。
現在では Google Fonts や Google Docs でも利用可能で、ハッシュタグ #shantellsans を使った投稿を歓迎しています。
デザインプロセス:「新しいコミケンス」を具現化
タイポグラフィデザイナーのスティーブン・ニクソン氏(ArrowType)が設計を担当しました。彼の目標は「コミケンスに似た文化的浸透と親しみやすさ」を持ちながら、シャンテールサンズの芸術性も反映させることでした。
デザイン目標
- 日常での親和性: 一般ユーザーにも愛されるフェルトペン調の手書き基調。
- 使いやすさ: モダンなフォントメトリクス(ロボトなど)に即し、大文字から小文字まで機能性を確保。
- 利用・入手可能性: 多言語サポートと無料オープンソース化によるアクセシビリティ向上。
- 読みやすさ: 類似する文字(I/1, n/u など)の識別性を高め、手書き特有の「一重屋」形状(a, g)を維持。
- 新しさ: 変数フォント機能による多様なスタイルバリエーションの実装。
制作工程の詳細
- 原稿収集: シャンテール氏が愛用のステッドラー ルモカラー Mマーカーで書かれたパングラム(すべてアルファベットを含む文)、数字、記号をスキャン。
- トレースとノーマライゼーション:
- ペンストロークの中央線上に線を引き、ライトウェイトからエクストラボールドまで作成。
- 手書きの変動(サイズ、リズム)を整えつつ、重要な形状特徴(t, f の横線の位置など)を維持。
- 中間的なアプローチ:
- 「完全にモノライン」か「フェルトペンの鋭さを残すか」の選択ではなく、「シャープネスとコントラストを持ちながら、柔らかく均一な終端」を付与。
- マーカー筆跡の感覚を保ちつつ、デジタル上の親しみやすさと温もりを実現。
新しい変数軸の実装
スティーブン氏は「ノーマライズされたフォント」と「手書きの不規則性」のバランスを取りました。
- 不規則性の再現:
- E や M といった文字の高低差、P の小ささ、G や t の短い終端筆画など、特有のリズムを反映。
- 「主ソース」としてはフォントとしての統一感を、「非公式ソース」では手書きの不規則さを表現。
- 実験的変数軸の追加:
- バウンス (Bounce): グリフを上・下方向にシフトさせ、脈打ちのような動きを表現。
- インフォーマリティ (Informality): ノーマライズされたソースと不規則なソースの間で補間し、カジュアルさを調整。
- これらを擬似ランダムに切り替えることで、エネルギー溢れる書き込み印象を演出。
このアニメーションにより、静的な表示だけでなく、After Effects や JavaScript で動的表現が可能になります。
Google Fonts 版への拡張
より広範な利用のために追加された機能です。
- 斜体のフルセット化
- スペース (Spacing) 軸の追加: 文字間隔を調整できる機能を標準サポート(デフォルト対応ソフトでも有効)。
- 言語サポートの拡大: ベトナム語文字、通貨記号に加え、キリル文字スクリプトを追加して新たな言語圏へ展開。
キリル文字版のデザインプロセス
タイプデザイナーのアーヤ・ダニロワ氏が担当しました。ラテン文字とは異なる「新しい詩」を翻訳するかのような挑戦でした。
- 翻訳への喩え:
- 「独特なトーンを保ちつつ、言語構造に合わせる」という翻訳の難しさと同様。
- 「著者の側面やイディオムはどこか?」という問いかけから設計開始。
- 形状の多様性:
- 直立形(印刷体)、斜体、書体(カリグラフィー風)の混在を考慮。
- シャンテール氏の手書きスタイル(書体と印刷体の混合)をキリル文字へ翻訳。
- 開発手法:
- シャンテール氏にロシア語の文章を書かせ、「不慣れな形状」へのアプローチを引き出す。
- 同僚との協議により、直感から逸れる「違和感のある形状」や、ラテン文字との混同を防ぐための調整(例:ブルガリア語の t の形状)を実施。
- 大小文字の違い:
- シニアと小文字で類似した形にならないよう意図的に差異化し、「生きた手書き感」を維持。
読了ありがとうございます!
シャンテールサンズの物語を通じて、タイポグラフィの設計プロセスや「遊び心」と「実用性」の両立への取り組みを理解していただけましたら幸いです。
入手方法
- Google Fonts: 公式コレクションより検索・インストール可能。
- GitHub: オープンソースリポジトリから最新バージョンをダウンロード可能。
- Google Workspace (Docs, Slides): 「その他のフォント」メニューから「Shantell Sans」を検索し追加すればすぐに使用可能です。
あなたのクリエイティブなプロジェクトで、このフォントの可能性を試してみてください!