Comic Monoフォント

 (dtinth.github.io)
3 ポイント 投稿者 GN⁺ 2024-09-19 | 1件のコメント | WhatsAppで共有
  • Comic Monoは、Comic Shanns v1を等幅に整えたフォントで、なじみのあるComic系の雰囲気をコードやターミナルでも読みやすく使えるようにすることを目的としている
  • すべてのグリフ幅を同じにそろえ、Cousineメトリクスを参考にすることで、システムフォントと一緒に表示されたときの違和感を減らしている
  • 太字フォントはFontForge Emboldenで生成され、フォントファミリー全体は元のComic ShannsをPythonスクリプトでパッチして作られている
  • WebではjsDelivr CDNのスタイルシートとして利用でき、npmパッケージも提供されているが、npmのフォントファイルは最適化されていない
  • Comic Shanns v2、Serious Shanns、Comic Shanns Monoといった関連フォントや、Fontsource・Arch Linux AUR・Gentoo Linux Overlayのパッケージもあわせて参照できる

Comic Shannsを等幅に整えた方法

  • Comic Monoは、Shannon MiwaのComic Shanns v1をベースにした等幅フォントである
  • ダウンロードファイルは2種類ある
  • 元のComic Shannsとの違いは4つに整理されている
    • すべてのグリフ幅を正確に同じになるよう調整している
    • グリフメトリクスをCousine基準に合わせ、システムフォントと一緒に表示されたときにより自然に見えるようにしている
    • 名前をComic Monoに変更している
    • 太字版はFontForge Embolden処理で生成している
  • 作者は自分をフォント制作者ではなくソフトウェア開発者だと述べており、元のComic Shanns v1をPythonスクリプトgenerate.pyでパッチしてこのフォントファミリーを作成した
  • サンプルコードはvendor/comic-shanns.otfとvendor/Cousine-Regular.ttfを入力として使い、fontforgeでComicMono.ttfとComicMono-Bold.ttfを生成する

インストールと配布経路

  • Webページでは、jsDelivrが提供するCDNスタイルシートを読み込んで利用できる
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/comic-mono@0.0.1/index.css">;
  • パッケージ内容はnpmのcomic-monoにも公開されているが、フォントファイルは最適化されていないため、Fontsourceパッケージのほうがより良い選択肢として案内されている
  • サードパーティパッケージも提供されている

あわせて見たい関連フォント

  • 元のComic Shannsはv2でアクセント付き文字や数学記号などの追加シンボルをサポートしている
  • Serious Shannsは可読性の改善、より軽いウェイト、Nerd Font版など、より多くの修正を含んでいる
  • Comic Shanns MonoはComic Shanns v2ベースで、メトリクス調整と追加文字を含んでいる
  • ライセンスはMIT Licenseである

関連記事

1件のコメント

 
GN⁺ 2024-09-19
Hacker Newsのコメント

  • 以前HNで見てから、Comic Sansベースの等幅フォントをずっと使っていて、有料版のComic Codeを使っている
    https://tosche.net/fonts/comic-code
    読みやすくて楽しくもあり、昔Monacoを使っていたときに近い感覚がある。個人的にはプログラミング中の目の疲れが減って、より楽しくしてくれる。幼稚園で教える文字の形に似ているので目に優しい、という説明を読んだ記憶もある

    • 自分の目には、特に小さいサイズではComic CodeのほうがComic MonoよりずっとCourierっぽく感じる
    • 自分もComic Codeを使っているが、同じくらい良さそうな無料の代替を知らなかったので買った
      目の疲れを確実に減らしてくれて効率も上がる。新しいコンピューターをセットアップするとき最初に入れるものだ
    • 一部の人にとってより読みやすいのは分かるが、幼稚園の文字の形に似ているから、という説明はあまりしっくりこない
      子どもは普通、印刷物を通して読み方を学ぶのではないかと思う。うちの子どもたちには単語全体が書かれたフラッシュカードと“look and say”の本で読みを教えたが、そうした教材はこのフォントとまったく似ていなかった。個人的には読みにくくて少し遅くなるのだが、むしろその遅さが一部の人にはプラスになっているのか気になる。視線移動がより慎重になったり効率的になったりしているのかもしれない
    • この作者のCodeliaフォントは本当に気に入っているが、無料の代替がこれだけ多いと、それだけのお金を出すのを正当化しにくい
      もっと安い非商用ライセンスがあればいいのにと思う
    • 失読症の緩和を目的に特別設計されたフォントとの共通点は、各文字が互いに異なって見えることだ
      手書き風の感じが、より精密なフォントよりも読者に多くの手がかりを与える

  • 漫画風の等幅フォントを勧める流れなら、Monaspace Radonも勧められる
    https://monaspace.githubnext.com/ でvariantsまで下りると4番目にある。実際によく機能する。個人的にはComic Sansやこの手のスタイルのフォントが本当に好きなので、嫌う人たちを理解しにくい

    • 自分がComic Sansに感じていた問題は2つあった
      第一に、悪い仕事の知らせや葬儀の招待状のような不適切な場面で過剰に使われてきたこと。第二に、作られた当時の低解像度画面と当初の対象だったMS Bob向けにヒンティングが最適化されているので、印刷物や現代の高解像度画面では最適でない可能性があること。この種のフォントを使うなら、Comic Sansそのものより良い選択肢があると思う。ただ、Comic Sansがその後アップデートされている可能性も十分ある。
      フォントに過剰にこだわる人たちを本気で刺激したいなら、Comic SansとPapyrusを混ぜたComic Papyrusを使ってみるといい: https://creativemarket.com/blog/designer-combines-papyrus-an...
      訴訟気質のばかげた理由のせいで、後にComic Parchmentへと名前が変わった
    • 自分が変わっているのか分からないが、Radonは見るだけでひどく不快で、あらゆるものを読みづらくする
      まるで自分が失読症になったような気分になる。今はFira Codeを使っていて、こちらは読みやすく見やすい
    • Comic Sansを漫画風の手書きフォントとしては好きではない
      個性というか、むしろ個性のなさが気になる。生き生きしていて遊び心があるべきなのに、自分には元気がなく半分死んでいるように見える。不規則な曲線や小さな鉤のある「C」のような奇妙さを試みているが、どれもぎこちなく、自然でもリズム感もない。弱い冗談を渡されて、それを大声で読めと要求されているような感じがする
    • こういうのは当然好みの問題なので、気に入るならそれで良いのだが、最初に思ったのはイタリックはどうするんだだった
    • 自分の目にはlがZのように見えるのだが、ただ慣れたということなのだろうか

  • OpenBSD界隈で研究発表のスライドや資料をMS Comic Sansで公開していた時代を覚えている人がいるだろうか
    LibreSSLのロゴにもまだその雰囲気がサイトに残っていて、ここ https://www.openbsd.org/papers/bsdcan14-libressl/mgp00001.ht... を十分下までスクロールすると、それを「武器化」しているといった話になる。ライセンスはLinux nerdたちを怒らせるのに十分なくらい自由で、フォント自体はdesign nerdたちを怒らせるのに十分そういう代物だった、という話だった気がする

  • 自分はFantasque Sansを使っている
    なぜComic Shannsではなくこれを選んだのかは忘れたが、この手のスタイルが好きなら見てみる価値はある
    https://github.com/belluzj/fantasque-sans

    • かなり読みやすく、コミカルすぎない一方で、ある程度の均一さと柔らかさがある
      Iosevkaに落ち着くまでかなり長く使っていた
    • Fantasque Sans Monoには凝った“a”があって、かなり気に入っている

  • 嫌いになりたかったのに、実際にはまったくひどくない
    ただの普通のサンセリフフォントとして見ても悪くない。結局のところComic Sansの問題は文字間隔だったようだ

    • Operator Mono、SF Mono、Ubuntu、Roboto、Consolasなどを試して、毎日、毎週、毎月のように変えてきた
      でも2年間Comic Monoを使っていて、ソフトウェア開発者として今ではフォントのことを完全に忘れて過ごしている。本当に優れたフォントの証だ
    • 笑う準備をして見たのに、むしろ落ち着いた
      このフォントには驚くほどの穏やかさがある

  • 元のものには発音区別符号がなく、自分にはメトリクスも少しずれていて、「f」の下の線も気に入らなかったので、フォークを作業中だ
    一部のIDE、特にWindowsのEclipseがこのフォントで問題を起こすので、パラメータも調整している。Python 3でも動くようにし、ソースフォントをサブモジュールとして入れて、手元でビルドするときに手作業で探し回らなくて済むようにした。まだ進行中だ
    https://github.com/caioycosta/comic-fork-mono-font

    • 変だな、自分が使っている版は投稿で言っている版と同じだと思うが、発音区別符号はあった記憶がある
      今はコンピューターの前にいないので後で確認する。ただ、“í”の位置がおかしくて、後ろに続く文字との間に余分な空白があるように見えるのは気になる

  • ここにプログラミングリガチャを含むフォークがあり、別のところで言及されていたComic Codeの、より現実的な自由・オープンソース代替になり得る
    https://github.com/wayou/comic-mono-font/

  • 似たフォントのMaple Monoを1年ほど使っているが、本当に良い
    個人的にはコードを読むのにより向いていると感じる
    https://github.com/subframe7536/maple-font

  • わあ、妙に愛らしいフォントだ
    これでコーディングはしないと思うが、教材で黒板っぽいコード例を見せるときにはとても合いそうだ

  • 自分は普段使いのフォントとしてAPL386を使っているが、少しComic Sansっぽい雰囲気がありつつ、もっとシンプルですっきり見える
    https://abrudz.github.io/APL386/

    • Comic Monoよりもさらに隙間が多い感じに見える