Bastardica - フォントを混ぜてカスタムWebフォントを作成

Show HN: Make cursed fonts like Times New Bastard

Bastardica - フォントを混ぜてカスタムWebフォントを作成

Bastardicaは、ブラウザ上で複数のフォントを混ぜ合わせ、伸縮・変形させて「バスタードフォント」を作成できるファウンドリです。Times New Romanの「th」だけをArialに置き換えるなど、グリフ単位の置換が可能。すべての処理はPyodideとfontToolsを使ってローカルで実行され、フォントがアップロードされることはありません。出力は通常のOpenTypeフォントで、ligaコンテキスト置換によりブラウザやデザインツールでそのまま利用できます。無料フォントを組み合わせて、ユニークなタイポグラフィを手軽に試せます。

Bastardicaはシンプルなフォントを、ちょっと、うーん、豊かにしてくれます。
  1. ycombiredd

    最初はあなたのツールを誤解していて、1年ちょっと前に自分が作った、既存のフォントのグリフパスから新しいフォントを作り、いくつかの方法で組み合わせるツールのようなものだと思っていました。それは、任意のttfやwoffを選んでアンビグラム(png画像)を生成するものとして始まり、それが動くようになると、ベクターパスを変換しているだけだから複数のフォントのパスを混ぜられることに気づき、依然としてアンビグラム生成に焦点を当てていました。

    やがてスコープが膨らみ、例えばArialの上半分とTimes New Romanの文字の下半分を組み合わせたり(パスに対する様々なブール演算やアウトラインなども組み合わせて)、面白くて役に立つものになりました。自分がそうだったように他の人もこの機能を喜ぶだろうと思い、いくつか例をドキュメント化してここやfontographyのsubredditで共有しました。

    驚いたことに、ここに投稿したときはほとんど関心を持たれず、タイポグラフィの人たちからの反応は基本的に否定的で、なぜかパイレーツまがいのことだと捉えられ、面白いことではなく、ただベクターパスを混ぜて面白いユニークな結果を得るだけのことだと思われました。肩をすくめるしかないですね。

    あなたや、この議論に参加している他の何人かは、この小さなツールを実際に評価して、楽しんだり、もしかしたら役に立てたりするかもしれないので、ここで共有します。

    https://github.com/scottvr/fambigen

    READMEに、アンビグラムモードや「フォントコンポジタ」モードで何ができるかの例があります。楽しんでください!

  2. mortenjorck

    デザイナーとしてこれほど高笑いしたくなるほど悪辣な気分になったことはありません。今、PapyrusのxハイトとベースラインがComic Sansと混ぜたときに光学的に一致するように、垂直スケールとオフセットを慎重に調整したところです。

    ダウンロードしたフォントで誰を騙すかはまだ決めていませんが、その反応が楽しみです。

  3. krelas

    デザイナーを神経衰弱にさせたいなら、Helveticaのコピーをアップロードして、2文字か3文字ごとにArialにすればいい。

  4. Fliwatt

    フォントでできる楽しいことはたくさんあります。友人が自己検閲フォントを作りました:Paranoia Sans https://github.com/flegfleg/Paranoia-Sans

  5. Sharlin

    「Nervous Sans」のサンプルテキスト「Anal」、つまりカーニングがひどいArialに触発されましたね。

  6. tholman

    楽しい話ですが、良い…(カレンダーを確認、ああ神よ)8年以上前、ジョークでHelveticaのカーニングを間違えたバージョン(Smelveticaと呼んでいました[1])を作り、最終的に弁護士から圧力を受けました。

    > 「Smelvetica」の宣伝をやめ、フォントソフトウェアを誰でも利用できるようにするのをやめるようお願いします。次回は、私たちのクラシックを現代化するアイデアがあれば知らせてください。創造的な意見はいつでも歓迎します。

    - [1](https://tholman.com/post/smelvetica/)

  7. altairprime

    Temu Sansは本当に美しいデモの選択です。これが大好きです。作ってくれてありがとう。

  8. dvh

    さらに楽しむなら、元のフォントと同じだが、いくつかの単語にリガチャを追加し、そのリガチャを同じフォントを使って別の単語を綴るように作ることができます。例えば、「red」のリガチャは「green」になります。

この日のほかの記事

2026-09-24