簡単・無料で作成できる！オリジナルフォントの作り方

ホームページやパンフレットなどをデザインする際に「文字のフォントがしっくりこない」と思ったことはありませんか？
無料・有料含め多数のフォントが提供されていますが、自分のイメージや顧客の要望と合わないということもであるでしょう。
そんな時に便利なのが、自分で作成するオリジナルのフォントです。

今回は無料で使える フォント 作成 ツール と、オリジナルのフォントの作り方を紹介します。
フォント を作れば、文章ごとに文字のデザインを考える必要はありません。
複数の ページ に渡って使用することで、全体の統一性をはかることもできるでしょう。

オリジナルのフォントを作成する手順

フォント とは統一したデザインを持つ文字をセットにしたパックのような存在です。
そのパックをパソコンにインストールすることで、 テキスト に対応した文字のデザインが表示されるようにになります。

では、オリジナルのフォントを作成するにはどうしたらいいのでしょうか。
手順はいたってシンプルです。

(1)1文字ずつデザインを作成する
(2)OpenType
                  フォント
                またはTrueType
                  フォント
                のファイルを作成する
(3)パソコンにインストールする

このように、3つの手順を踏むだけでオリジナルのフォントがパソコンで使えるようになります。
OpenType フォント やTrueType フォント といったファイル形式は、多くのソフトで利用でき、汎用性が高いのが特徴です。
ですが、一部対応していないソフトがあるということも認識しておきましょう。

参考：
True Typeフォントとは？｜株式会社モリサワ
OpenTypeフォントとは？｜株式会社モリサワ

無料で使える フォント 作成 ツール 4選

フォント はIllustratorやPhotShopのようなデザインソフトでも作成できます。
それだけでなく、 フォント 作成 ツール を利用すればデザインの作成とフォント用のファイルの作成を同時に行えます。

デザインソフトに慣れていない人でも使いやすい、無料で公開されている フォント 作成 ツール から4つ紹介していきましょう。

1.PaintFont

http://www.paintfont.com/

英語のアルファベットや日本語の五十音のような、文字のテンプレートを元に手書きのフォントが作成できるツールです。

パソコンの画面上で文字を作成するだけでなく、テンプレートを紙に印刷したものに手書きで文字を入れ、そのデータを元に作成することもできます。

テンプレートは自分で文字や記号を追加・削除できるので、自分の欲しい文字だけを選んで手軽に作れるでしょう。

2.FontForge

https://fontforge.github.io/en-US/

FontForgeはオープンソースの フォント 制作ソフトで、基本的に英語で表記されていますが、一部のメニューは日本語化されています。

文字の輪郭線をくり抜くことでデザインを作っていくので、Illustratorを操作するような感覚で作成できるでしょう。

3.Prototypo

https://www.prototypo.io/

Prototypoは元となる文字の太さや丸さといったパラメーターを調整することでオリジナルのフォントが作成できる ツール です。

OpenType フォント のみ対応しています。

4.Fontstruct

http://fontstruct.com/

Fontstructはマス目付きのキャンバスを四角や円のような点で埋めていくことでオリジナルのフォントが作成できる ツール です。

ブラウザ 上で作成でき、自分で作成した フォント は同サイト上で公開することもできます。
True Type フォント しか対応していないので注意しましょう。

参考：
合うのがなければ作っちゃえ！オリジナルフォント制作・編集ソフト８選

実際にオリジナルのフォントを作ってみよう

では、実際にオリジナルのフォントを作成してみましょう。
先ほど紹介したFontstructを利用します。

1.会員登録を行う

http://fontstruct.com/register/

トップページ より会員登録を行います。氏名・メールアドレス・パスワードを入力してサインアップを行うと入力したメールアドレスに仮登録の案内と届きます。
メールアドレス記載の URL へ移動すれば、登録完了です。

2. フォント の新規作成 ページ を開く

上部にあるタブ「MyFontstruct」から「New FontStruction」という選んで、 フォント の新規作成 ページ を開きます。

3.文字のデザインを作成する

左側の図形から選んで、マス目を埋めるように文字を描写していきます。

4.作成した フォント のデータをダウンロードする

作った フォント をダウンロードします。
ダウンロード時点ですでにTrue Type フォント のファイル形式になっています。

5.ダウンロードした フォント をパソコンにインストールする

ダウンロードしたファイルをクリックしてインストールします。
あとは通常の文字 フォント と同じように利用できます。

このように「kuriki font」という文字をオリジナルのフォントで表示できました。

まとめ

フォント は基本的に以下の3つの手順で作成します。

(1)1文字ずつデザインを作成する
(2)OpenType
                  フォント
                またはTrueType
                  フォント
                のファイルを作成する
(3)パソコンにインストールする

フォント 作成ソフトを使えば、デザインを作成してからファイルを作成するまで1つのソフトで完了できるので手間をかけることなく フォント を作ることができます。
また、オリジナルのフォントを使って ヘッダー などの画像を作成するだけでなく、Web フォント 化すれば CSS 3を利用して テキスト として埋め込むこともできるでしょう。

オリジナルのフォントを作れば、自分の想像しているイメージにより近づけたデザインに仕上げることができます。
今回紹介したような方法を利用して、実際に自分オリジナルのフォントを作ってみましょう。

参考：
日本語フリーフォントをwebフォント化してwebサイトに使用する方法