世界を動かす技術を、日本語で。

自分の手書き文字をフォントにする

2025年9月6日原文(chameth.com)

概要

  • 個人ウェブサイトをより 個性的 にするための工夫
  • 手書き風フォント 作成の試行錯誤
  • オープンソースツール の課題と限界
  • Calligraphrの 快適な体験 とビジネスモデル
  • フォント作成を通じた 気づきと満足感

個人ウェブサイトを「自分らしく」する工夫

  • サイトに 個性 を出すためのデザイン改善
    • 記事内画像に セロテープ風 の装飾
    • 関連投稿リンクに アニメーション付き波線 ボーダー
  • ヘッダーのフォントを モノスペース から 手書き風 へ変更希望
  • 市販フォントに満足できず、 自作フォント への挑戦

オープンソースツールでのフォント作成苦労

  • フォント作成には ベクター画像 を用意し、 FontForge などで編集
  • Inkscapeで 文字を作成 し、FontForgeに インポート を試みる
  • FontForgeの 直感的でないUI に苦戦
    • 起動時のダイアログ、メニュー操作の不便さ
    • インポート手順の煩雑さ、ベジェ曲線の調整困難
    • 途中で 挫折 し、怒りの終了
  • InkscapeのSVGフォント機能も 複雑 で断念
  • オープンソースの 操作性の限界 を痛感

Calligraphrによる手書きフォント作成体験

  • Calligraphr はテンプレート印刷→手書き→スキャン→アップロードの流れ
  • 無料版と 1ヶ月単発課金 可能な有料版(£8)という 良心的な料金体系
  • テンプレートに Sharpie で記入し、iPhoneで スキャン
  • 必要な文字セットや リガチャ (合字)も追加
  • 使いたくないバージョンを 除外 し、複数バージョンで自然な仕上がりに
  • フォントの プレビュー個別調整 も直感的
    • ベースライン・サイズ・文字間隔の微調整
    • ゴミピクセル の削除で表示の乱れを修正

フォント作成の振り返りとCalligraphrの評価

  • 実際にウェブサイトで利用し、 手書き感判読性 の両立を実感
  • オープンソースツールよりも 短時間で満足度の高い成果
  • サブスクリプション終了後に データのエクスポート を自動で送付
    • JSON形式で将来的な再利用も可能
  • Calligraphrの ユーザー本位なビジネス姿勢 に感動
    • 明朗な価格表示、自動更新なし、データ持ち出し自由
  • 手軽で楽しい体験 として、手書きフォント作成を推奨

Hackerたちの意見

スカイモールには、これをサービスを通じてできるようにするためのフォームがあったんだよね。昔は手書きで記入して、郵送してたんだ。

スカイモール、笑。思い出をありがとう、って感じ。

エイミー・グッドチャイルドのアプローチを実際のフォントファイルに変える方法ってあるのかな? https://www.amygoodchild.com/blog/cursive-handwriting-in-jav...

チャイキンのパスをベジェ曲線に「変換」することになると思う。それからメタフォントのフォントを生成できて、そこからTTFやOTFなどが得られるんじゃないかな。

2013年に自分の結婚式のウェブサイトのために似たようなことをやったよ。郵送サービスを使って、そこそこ良いTTFを作ってもらって、それをWOFFに変換したんだ。今もオンラインで見られるよ、https://ruthandjosh.net/story/ (注意、ミレニアル世代の恥ずかしい話が待ってるよ)

心が温まったよ、素敵な人生を一緒に過ごしてね。

そのク cringe、ありがとう! 週の終わりにぴったりな感じだね。シャバット・シャローム。

ルースは、あなたなしでフライト中にシャンパンを飲んでたって本当?

なんて素敵なんだ! 遅ればせながら、おめでとう!

いやー、楽しかった!

そのサイト、ずっと残してほしいね。リンクが腐る時代に、なんて素晴らしいことなんだ。

大好き!!

Hacker Newsで議論の続きを見る