1 ポイント 投稿者 GN⁺ 2025-04-06 | 1件のコメント | WhatsAppで共有
  • 独立系クリエイター向けストリーミングサービスNebulaが独自のブランド書体を公開し、製品全体の可読性と一貫性を自ら管理しようとする流れを示している
  • Source Sansをベースにしつつ、既存のブランド書体であるWhitney SSmを置き換えられるよう、メトリクスと基本グリフの選択を調整
  • 独自書体の制作は、好みに合わせたパーソナライズ、高度なタイポグラフィ機能、増大する商用書体ライセンス費用をあわせて解決しようとする選択である
  • 2つのスタイルと6つのウェイトを提供し、インターフェース・印刷物・グラフィック・デジタル・物理媒体の用途に幅広く使える
  • SIL Open Font Licenseで公開されており、誰でも利用でき、Nebula内部の用途に合わせた調整がオープンフォントとして配布されている

Nebula Sansの役割とベース

  • Nebula SansNebulaの新しいブランド書体であり、中立的な美感を持つ多目的なヒューマニスト・サンセリフである
  • ベース書体は、Adobe Fonts向けにPaul D. Huntが制作したSource Sansである
  • 既存のブランド書体であったWhitney SSmドロップイン置換できるよう設計されている
  • SIL Open Font Licenseで提供されており、誰でも利用できる
  • 提供範囲は2つのスタイルと6つのウェイトで、インターフェースや印刷を含むさまざまな用途に適している

独自書体を作った理由と細かな調整

  • Nebulaが独自書体を作った理由は3つに整理される
    • パーソナライズ: 好みに合わせてフォントを調整できる
    • 機能: ユースケースに合わせた高度なタイポグラフィ機能を組み込める
    • 持続可能性: 成長するほど商用書体のライセンス費用が増加する
  • Source SansとWhitney SSmはいずれも、アメリカンゴシックとヨーロッパ系ヒューマニスト書体のあいだをつなぐよう設計されており、可読性を重視するという共通点がある
  • 中核となる作業は、Source SansのメトリクスをWhitney SSmにより近づけることだった
    • Source Sansは基本的により小さく、幅も狭い
  • 句読点については、Whitney SSmの標準句読点は直線的すぎると判断し、Source Sansの曲線的なグリフを採用した
  • スタイル代替グリフはSource Sansと同じ機能を提供しつつ、デフォルト値はWhitney SSmに合わせている
    • 単層 a: font-feature-settings: 'ss01';
    • 開いた g: font-feature-settings: 'ss02';
    • テール付きの l: font-feature-settings: 'ss03';
  • アスタリスクには、星に似ているという名称の由来とNebulaの星のイメージを反映した独自形状を採用
  • **等幅数字(tabular figures)**を含み、動画プレーヤーのタイムスタンプのように数字が変わる際も桁位置が揺れないようにできる

1件のコメント

 
GN⁺ 2025-04-06
Hacker News の意見
  • 短い公共向けのお知らせ:これは2004年に登場した、非常に美しく独特な書体 Whitney のクローンに近いもの
    Whitney は Tobias Frere-Jones がデザインしたもので、彼は H&FJ foundry の共同創業者であり、Gotham、Archer、Armada のような有名書体の大半を作った人物
    ところが Hoefler は何年もの間、Frere-Jones の共同所有権を確定する書類手続きを進めず、圧力をかけられると彼を追い出して書体をすべて持ち去り、会社名を「Hoefler」に変えた
    Hoefler はひどい人物であり、Whitney の無料クローンくらいは彼が甘受すべき最低限のもの

    • だいたい合っているが、これは実際には Whitney のクローンではない。Source Sans を Whitney のメトリクスに合わせてごくわずかに調整したものに近い
      見た目も感触も完全に Source Sans で、こういうミニサイトまで付けて権威あるプロジェクトのように見せるのは少し妙だ
      Source Sans は良くて読みやすいが、あまりに多く使われているので、ビジュアル・アイデンティティの出発点にするには珍しい選択
    • これはクローンではない。Whitney の外形寸法だけを合わせ、既存の書体を置き換えてもタイポグラフィをすべて作り直す必要がないようにしたもの
    • 本気でオープンソースの Whitney 代替が欲しくて何年も探してきたが、これは違う
      Nebula は字画の端が平らなのに対し、Whitney は角度のついた端を持つ
      違いはもっとあるが、この特徴ひとつがほとんどの字形に影響している
    • デザイナーたちが iPhone 以後におかしくなってから出てきた、あらゆる「デザイナー向け書体」みたいに見える
      いずれにせよサンセリフ書体は、Weird Al と Weird AI を区別できるくらいの可読性があるなら、もっと好ましいと思う
    • それは Tobias Frere-Jones 側の話にすぎず、Hoefler にはまったく別の話があるかもしれない。真実が何か、どうやって分かるのか?
  • 書体のデジタル化と書体の著作権がどう機能するのかを説明するこの動画を本当におすすめする。短いが、5分の動画として素晴らしい
    https://youtu.be/J06tluN7rtE

    • 「米国では」という言葉が抜けている。一部の管轄区域ではより強い保護が提供される [1]
      現実にはいつもの通り、好きにやってもたいてい訴えられはしないが、訴えられると法的に有利でも本当にしんどい
      [1] https://en.wikipedia.org/wiki/Intellectual_property_protecti...
    • 良い動画だし、リンク先の Nebula ページにある動画も素晴らしい
      Nebula という「ブティック」動画プラットフォームを購読しながら、両方の動画で語られていることを無意識には感じていたが、誰かに指摘されて初めて意識的に気づけた
  • この記事で初めて、書体の表組み用数字オプションを知ったなんて信じがたい。これまで数字にはいつも別の等幅書体を使っていて、一部の書体が対応しているオプションだとは知らなかった
    {font-variant-numeric: tabular-nums}

    • https://practicaltypography.com/OpenType 機能を調べるといい。表組み用数字のほかにも面白い機能がある
      もっと見たいなら https://www.google.com/url?sa=t&source=web&rct=j&opi=8997844... もある
    • あなただけではない。去年11月には GitHub にもこれを教える必要があった:https://github.com/primer/css/pull/2680
    • それだけでなく、一部の書体には調整可能な機能がものすごく多い:https://rsms.me/inter/#features
    • Handgloves の見本の次の部分が黒い背景に小さな文字だったので、視力の悪さとモバイルでのスクロール癖のせいで、脳がページの終わりに到達したと勘違いしてスクロールを止めてしまった
      おかげで、自分が思っていたよりずっと多くのコンテンツがあることを間接的に知った
    • 表組み用数字は素晴らしい。もちろん、すべての書体が実装しているわけではない
      Apple もこれを理解して、iOS の時計アプリで使ってくれるといいのだが
  • そうだね、書体は書体だ。自分には OS に最初から入っている他の書体と同じに見えるが、書体の世界の外にいるとそういうものなのだろう

    • 私も書体の世界にいるわけではないが、例えば Guardian はタイポグラフィを見るだけですぐ分かる
      テキストの性格を十分に形作れる要素なのに、この分野全体を「バブル」に矮小化するのは、無知を美徳のように装おうとする貧弱な試みだ
    • 画面上の小さな文字では、この書体と Franklin Gothic の違いを感じられないかもしれない。しかし印刷物では、じっくり見なくても違いはよりよく表れる
      Bank of America の冊子のように見えるものが Franklin Gothic ではなくこの書体で組まれていたら、非常によく似て見えても、どこか少し変だと感じるだろう
    • ドイツのタイポグラファー Erik Spiekermann が「なぜこれほど多くの書体が必要なのか」に近い題名の講演をしたことがある。ある時点で「これが理由だ」というスライドを見せるのだが、それは明らかに Marlboro の書体だった
      書体にはそれぞれ異なるメトリクスがあり、それは認識しやすさ、可読性、理解に影響する。感情を呼び起こす書体もあれば、ディスレクシアを助けるために字形を誇張するような実用的な書体もあり、カーニングが悪くて「therapists」が「the rapists」のように見えたり、「morn」が「mom」のように見えたりする悪い書体も非常に多い
      コンピュータに入っている書体はすべて異なり、それぞれ長所と短所があり、意識していなくても読む内容や認識に影響を与える
    • 私も書体にまったく深く入れ込んでいるわけではないが、これは以前見たどれよりも鮮明で読みやすく見える。正確になぜそうなのかは分からない
  • つまり、少し手を入れた無料の Whitney ということなのか?
    「Source Sans は以前のブランド書体である Whitney SSm と主要な特徴を多く共有しているため、Nebula Sans の完璧な土台だった」と書かれている
    もうひとつの違いは、おそらく Hoefler & Co. にお金を払わなければならない点だろう

    • コピーやクローンというよりは、派生書体に近いように見える
      動画ではずっと詳しく説明していて、驚くほど引き込まれるので見る価値がある。「no」を選べば、お金を払わなくても見られる
      https://nebula.tv/videos/nebula-sans?ref=nebulasans
      これがどう機能するのかに興味があるなら、この動画も見る価値がある
      https://youtu.be/J06tluN7rtE
      書体の歴史とデジタル化がどのように行われるかを扱う、とても興味深い動画だ
    • Hoefler & Co. ではなく Monotype
  • 「中立的な美学」
    最近は、控えめで落ち着いた中立的なものが確かに流行しているように見える。一方で、読みやすく使えるインターフェースとテキストを提供してくれるのは事実だ
    しかし初期ウェブの混沌と生気も恋しいし、現代のウェブはますます 色あせた感じ になっている

    • 低コントラストの妖精たちを檻から放った瞬間、悪ふざけが始まる
      現在のデザイン傾向では、フラットデザイン は中立的なパレットよりさらに悪い相棒だと思う。私も色は欲しいが、それがそのままユーザビリティにつながるわけではない
      全体的なユーザビリティには、穏やかなスキューモーフィズムの復活が良い一歩になると思う
    • サンセリフ書体は Weird AI と Weird Al を区別できないのに、何をもって読みやすいと言っているのか分からない
  • 動画の比較は実際に良い: https://i.imgur.com/jSTJixC.png
    残念ながら私には、Whitney はすっきりしつつ一貫した印象なのに対し、Nebula Sans はまだ本当の書体選択をしていない UI のように個性がなく見える

  • 「既存の書体を持ってきて一部を伸ばした」という割には、マーケティングの労力 がかなり注ぎ込まれているようだ

  • すべてのグリフが Source Sans と区別できない。「thin」/「light」ウェイトは Source Sans より字間が広く、私の基準ではさらに悪い
    それでもなぜこの書体に新しい名前が必要なのか分からない。ただの Source Sans だ
    少なくとも Arial は Helvetica のコピーで、Segoe UI と Myriad は Frutiger のコピーだが、区別できるグリフがいくつかはある
    書体では本当に、払った分だけのものが得られるという、やや過激な考えを持っている。いくつかの例外を除けば、SIL Open Font Licence の書体の大半は好きではない。グリフが目障りで、ウェイト・サイズ・ヒンティング・カーニングがひどく、個性がまったくなく、ほとんどが Helvetica のコピーのコピーのコピーで、Unicode グリフや結合記号も十分に含んでいない
    ヒント: IAST/ISO 15919 を入力したときに豆腐文字が出るなら、ラテングリフが十分ではない書体だ
    多くのデジタル書体はヒンティングがまったくないため、低〜中解像度のモニターではひどく見えるか、サブピクセルアンチエイリアシングではなくグレースケール、つまり全ピクセルのアンチエイリアシングを使う macOS 基準でヒンティングされているように見える。その結果、Windows と Linux ではかなり悪く、ピクセル密度の低い macOS モニターでも悪い
    よく設計された書体には喜んでお金を払える。デザイナーが完全に新しく何かを設計するための労力は途方もない。独自のグリフを作り、曲線を設定しながら、ウェイト、サイズ、表示ピクセル密度、印刷と画面など、複数の次元に沿って書体がどう変わるかを考えなければならない。最高の書体が数千ドルするのも驚きではない
    個性がありながら不必要に派手ではなく、すぐに読める良い書体には極めて微妙なバランスが必要で、数世紀にわたってそのバランスを実現した書体は数えるほどだと思う
    私が好きなサンセリフには Helvetica、Frutiger、Futura、Myriad、Johnston、Optima、Transport、DIN とその多くのバリエーションがあり、その中では FF DIN がいちばん好きだ。Ocean Sans と Segoe UI も含まれる
    セリフでは、Trajan を含む Roman-cut、Garamond、Minion、一部の Didone 系、Berkeley Old Style、Palatino がある

    • 私もオープン書体をたくさん評価してきたが、大半に欠陥があるという点には同意する。特に カーニング に問題が多い
      例外は Public Sans、IBM Plex Sans、Source Sans のように、大きな組織のために開発され、実際に使われている書体だ。こういう場合、品質が商用書体と同等か、それ以上のこともある
    • 書体を買おうとするたびに、ライセンス条件 のせいで引き下がった
      デスクトップ利用に数十ユーロなら構わない。しかしその書体が組織のアイデンティティの一部になるには Web 利用も必要で、それは10倍ほど高くなることがある。さらに請求書生成のような用途に使うには、また毎年追加で払わなければならない
      こういう仕事は小規模な顧客としかしていないが、そのお金を払おうとする人はいなかった。無料書体は劣るかもしれないが、私には関係ない。有料書体はそもそも選択肢ではないからだ
    • 私のテストは単純だ。等幅バリアント があり、日本語をサポートしているか? そうでなければ IBM Plex 未満だ
    • 同意するし、Fira 書体ファミリー についてはどう見ているのか気になる
      デスクトップとブラウザでこの書体を使うように設定したら、もう戻れなくなった。主観的にはその書体に少し惚れ込んでいるような気がするが、技術的にも長所があるのか、それとも単に自分の中で美化しているだけなのか気になる
    • 同意。代替グリフのようなところで カーニング がずれている部分がある
  • 書体オタクではないが、これは本当に洗練されて見える。デスクトップ環境のデフォルト書体としてぜひ試してみるつもりだ
    サイトの概要と比較資料も気に入った

    • どの点で Source Sans より良いと感じるのか気になる