1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

FontForgeで手書きフォントをつくろう

Posted at

これはKMC Advent Calender 2024 の11日目の記事です。昨日はdaikonnさんの「大学からVRCを始めて9か月経った話」でした。

VR、現実ではできない体験をいろいろできそうで少し心惹かれます。にしても、850時間のプレイ……すごいですね。

はじめに

はじめまして、KMC 48代のiiiishiiです。突然ですがフォントは自作できます。やり方を軽く紹介するので作りましょう。

フォントのつくりかた

私も今回はじめて知ったのことなのですが、フォントは個人でもお手軽(?)に作ることができます。

ざっくりとした手順はこんな感じです。

  1. フォントの元となる文字を書く
  2. FontForgeに入れる
  3. 出力する

世の中にはフォントを作るためのソフトが多く出回っていますが、ここでは無料で使えるFontForgeを使用します。

文字を書く

まず文字を書きます。使用ソフトはおそらく何でも問題ありませんが、ベクターで綺麗に描きたいのであれば対応したソフトを使う必要があります。

私はペイントを使って手書きしました。

↓こんな感じです

Screenshot 2024-12-11 081055.png

書いたら.pngかなにかで出力しましょう。

FontForgeに入れる

FontForgeはこちらからダウンロードできます。手順に従ってインストールしてください。

インストールしたら起動します。

Screenshot 2024-12-11 081931.png

Newをクリック

Screenshot 2024-12-11 081948.png

おそらくこのような画面になると思います。対応する文字のところにそれぞれデータを入れることでアタッチできます。わかりやすいですね。Aのマスをダブルクリックしましょう。

Screenshot 2024-12-11 082149.png

ここに先ほどの画像をインポートして、文字を設定します。

File >> Import

Screenshot 2024-12-11 082259.png

インポートできました。文字を設定する前に、サイズを枠にうまく合わせます。左のウィンドウでBackを選択すると入れた画像の移動/拡大/縮小ができるので調整しましょう。

Screenshot 2024-12-11 082456.png

「A」の文字が四角い枠にはまっているのがわかるかと思います。いよいよ文字のセットです。

左のウィンドウでForeを選択
Elements >> Autotrace

Screenshot 2024-12-11 082617.png

ピンクの点がたくさん生成されました。これに基づいてフォントが作られます。ここではAの設定をしたいので、それ以外のものを選択してまるごとDeleteします。

Screenshot 2024-12-11 082643.png

はい。保存してウィンドウを閉じます。

Screenshot 2024-12-11 082807.png

文字のセットがうまくできました。他の文字についても同様の操作をしましょう。

Screenshot 2024-12-11 084308.png

私は5文字やって飽きたのでこれで完成とします。ちゃんと作りたい人は頑張ってください。ちなみに設定しなかった文字は文字化けします。

フォントに自分で名前をつけたい場合はElements >> Font Info...で設定できます。

Screenshot 2024-12-11 084613.png

出力する

File >> Generate Fonts

Screenshot 2024-12-11 084331.png

出力設定をします。

Screenshot 2024-12-11 084402.png

Generateを押すといくつかウィンドウが出ますがてきとうに押せば先に進めます。怖い人はよく読んで確認/修正してください。

実際に使ってみる

生成した.ttfを開いて、Installをクリックします。

Screenshot 2024-12-11 084428.png

これでお使いのコンピュータで利用できるようになりました。Wordで試してみましょう。

Screenshot 2024-12-11 084525.png

フォントの選択肢に作ったものが追加されており、それを選ぶとこのように利用できます。

おわりに

「フォントを自分で作れる」、夢のある話だと思います。ゲーム制作なんかにも使えそうですね。
ほんとうは手書きフォントを使ってレポートを書くところまでやろうと思っていたのですが、そこまでの気概はありませんでした。

明日はiromさんの記事が上がります。お楽しみに。

さようなら。

KMC Advent Calender 2024

参考サイト

お世話になりました。

えばやん.「ゼロから始めるフォント制作」.WEBAYAN.2022-02-09.https://webayan39.com/font/1266/ ,(2024-12-11).

Ga.「自作フォント作ってみた【FontForge】」.note.2021-11-30.https://note.com/okano_/n/n3b91ec1a79ec ,(2024-12-11).

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?