開発環境/ツール

【フォント】オンラインで自作フォントを作る方法

フォントを作ってみたい。昔からそう思ってました。

オンラインでフォントを作れるCalligraphrというWEBアプリを使ってTrueTypeフォントを作ってみました。

この記事で解決できること

  • オンラインで自作TrueTypeフォントを作る方法がわかる。

フォントってどういう種類があるの?

フォントの種類を読むと、ざっくりこんな感じみたい。

TrueType Windows。オフィス・家庭向き。
Postscript Macintosh。デザイナー・印刷屋・商業制作物向き。
OpenType 次世代。便利。

ちなみに私は20代後半に新聞社のシステム開発を担当したことがあって、PostScriptを少し弄ったことがある。

movetoで始点を決め、linetoで線を引いたりするやつ。

psファイルという拡張子で保存して、GhostScriptというフリーソフトで閲覧できる。

PostScript入門とかを見ればpsファイルの作り方とかC言語からPostScriptファイルを生成(printfしたのをリダイレクト)したりできる。

TrueTypeフォントを作ってみる

何はともあれ、まずはTrueTypeでしょう。

誰でも簡単!自作フォント作成の「PaintFont」が、あまりにも手軽だったのでフォントを作ってみましたを読んだ。

昔はPaintFontと言っていたらしいが、最近はCalligraphrというソフトになったらしい。

①アカウント生成、ログイン

Calligraphrを開き、GET STARTED FOR FREEをクリック。メールアドレスとパスワードを入力して登録。届いたメールのURLをクリックすると登録完了。ログインできます。

②テンプレート生成

Create a templateをクリック。

とりあえず、BASICSMinimal Englishを選択。

③テンプレート(PDF)をダウンロード

Download Templateをクリックすると、こういうダイアログが出てくるのでDOWNLOADをクリック。

リンクが出てくるのでクリック。

するとこういうPDFが開く。なるほどこれにフォントを書き込むようだ。だとするとPDFを編集できないのでPNGで出し直そう。

④テンプレート(PNG)をダウンロード

気を取り直し、再びDownload Templateをクリックすると、こういうダイアログが出てくるのでPNGを選んでDOWNLOADをクリック。


ん?なんかZIPのリンクになってる。

ファイルを保存するが選択された状態でOKをクリック。

ZIPを展開すると8個ファイルが出てきた。

Calligraphr-Template_2.pngを開き、適当に書き込んだ。

⑤フォントをUPLOADしてBUILD。最後にダウンロード

font pageをクリック。こんな画面が出てくるのでUpload Templateをクリック。

こんな画面が出てくるので参照をクリックし、Calligraphr-Template_2.pngを選びUPLOAD TEMPLATEをクリック。

なんか手書き文字が取り込まれた感じ。ADD CHARACTERS TO YOUR FONTをクリック。

なんか登録されたのでBuild Fontをクリック。

ダイアログが出るのでBUILDをクリック(ここでフォントの名前を指定するようだが、今回はデフォルトのままにした)。

Myfont-Reguler.ttfMyfont-Reguler.otfのリンクが出てくるのでダウンロードした。TrueTypeフォントだけでなくOpenTypeフォントも生成された。

こんなフォントファイルが作られた。

フォントファイルを右クリックしてプレビューを押す。

こんな感じに表示された。私が書いたabcdefghが手書き文字になっている。なんか酷い感じだが自作フォントが一応できた。酷いフォントではあるが一応試してみたいのでインストールしてみた。

ちなみにTrueTypeフォントとOpenTypeフォントで、プレビュー画面に差異はない気がした。拡張子の違いだけ。

ワードパットを開き、フォントをMyfontにしてサイズを72でabcdefghiと書いてみたla~hまでは私の手書き。iはオリジナルである。

 

まとめ

CalligraphrというWEBアプリを使ってTrueTypeフォントを作ってみました。

私のサンプルは超適当ですが、絵心がある人が作ればきっと素晴らしいフォントが作れるに違いありません。

  • この記事を書いた人
  • 最新記事

ペイヴメント

ペイヴメントのエンジニア塾(当ブログ)では20年以上の経験から得られたプログラミング系ノウハウについてベテランにも満足して頂けるような内容の濃いコンテンツを初心者にも分かりやすい形で日々発信しています。【経歴】ベンチャーのソフトハウスで4年勤務後、精密機器メーカーのソフト開発部門に勤務し今に至ります。

-開発環境/ツール

Copyright© ペイヴメントのエンジニア塾 , 2020 All Rights Reserved.