絵描きの机周り

お絵描き機材やソフト、その他のお絵描き時に欠かせないものを紹介しています。本ページはアフィリエイトプログラムによる収益を得ています。

本記事ではiPadのお絵描きアプリProcreate(プロクリエイト)で自分の好きなフォントを追加する方法を解説します。

Procreateは本物のキャンバスに描くような直感的にお絵描きができる有料アプリです。

Procreateにフォントを追加したい場合はアプリから直接フォントをインストールすることが可能です

加えてProcreateフォントプロファイルインストールアプリでiPadに追加したフォントも使用できます。

本記事を読むとProcreateで多彩なフォントを使用して見栄えを良い作品を作れるようになりますよ。

本シリーズのまとめ記事はこちら。

[card id ="1252"]

[mokuji]

[ads]

Procreateはフォント追加方法が4つありますので、好きなフォントデータをProcreateに追加が可能です。

  • Procreateのフォント追加方法は4つあります。
  • 1つ目はProcreateのテキストツールの「フォントを読み込む」機能から追加する方法です。
  • 2つ目はProcreateにフォントデータをドラッグ&ドロップで追加する方法です。
  • 3つ目はProcreateのFontsフォルダにフォントデータを格納する方法です。
  • 4つ目は共有メニューからProcreateを選択して追加する方法です。
  • Procreateに追加したフォントを削除したい場合はファイルアプリ>このiPad内>Procreate>Fontsフォルダから該当フォントを削除します。
  • Fontinstall.appなどのフォントインストールアプリを使用してiPadにインストールしたカスタムフォントはProcreateで使用できません。
  • FontcaseやAnyFontなどのフォントプロファイルインストールアプリを使用してiPadにインストールしたカスタムフォントはProcreateで使用可能です。
  • Procreateに追加したフォントは他のアプリでは使用できません。

Procreateに好きなフォントを追加する方法4つ

Procreateにはフォントを追加する方法が4つあります。

  1. Procreateのテキストツールの「フォントを読み込む」機能から追加する方法
  2. Procreateにフォントデータをドラッグ&ドロップで追加する方法
  3. ProcreateのFontsフォルダにフォントデータを格納する方法
  4. 共有メニューからProcreateを選択して追加する方法

それぞれのやり方を順番に説明していきますね。

テキストツールの「フォントを読み込む」機能から追加する方法

1.インストールするフォントを用意します。ダウンロードボタンをタップ>画面下のダウンロードをタップします。

ダウンロードボタンをタップ>画面下のダウンロードをタップ
ダウンロードボタンをタップ>画面下のダウンロードをタップ

今回は以下のフォントをインストールします。

もじワク研究 - ロンド B (スクエア)

2. 画面下の次で開く>ファイルに保存 をタップします。

画面下の次で開く>ファイルに保存 をタップ
画面下の次で開く>ファイルに保存 をタップ

3. ダウンロードフォルダを選択し、「保存」をタップします。

ダウンロードフォルダを選択し、「保存」をタップ
ダウンロードフォルダを選択し、「保存」をタップ

Safariの場合

Safariを使用している場合はダウンロードすると自動的にファイル>ダウンロードフォルダに入ります。

4. ファイルアプリを開きダウンロードフォルダを開きます。ダウンロードしたzipファイルをタップして解凍します。

ファイルアプリでダウンロードしたzipファイルをタップして解凍
ファイルアプリでダウンロードしたzipファイルをタップして解凍

5. Procreateを開き、左上のスパナマーク>追加>テキストを追加をタップします。

Procreateを開き、左上のスパナマーク>追加>テキストを追加をタップ
Procreateを開き、左上のスパナマーク>追加>テキストを追加をタップ

6. キーボード右上の「Aa」をタップします。

キーボード右上の「Aa」をタップ
キーボード右上の「Aa」をタップ

7. 「フォントを読み込む」をタップします。

「フォントを読み込む」をタップ
「フォントを読み込む」をタップ

8. 解凍後のフォントデータフォルダを開き、追加したいフォントのファイルをタップします。

解凍後のフォントデータフォルダを開き、追加したいフォントのファイルをタップ
解凍後のフォントデータフォルダを開き、追加したいフォントのファイルをタップ

Procreateで取り扱えるのは以下の拡張子のフォントデータファイルです。

  • TureTypeフォント(.ttf)
  • OpenTypeフォント(.oft)
  • TrueTypeコレクション(.ttc)

それぞれのファイル形式について知りたい方は下記外部サイトにわかりやすく記載されています。

+Life Studio - フォントOpen Type、True Type、.otf .ttf .ttcって何?

9. フォントが追加されました。

フォント追加完了
フォント追加完了

フォントデータをドラッグ&ドロップで追加する方法

1. Procreateを開いている状態でフォルダアプリをSlide Overで開きます。

Procreateを開いている状態でフォルダアプリをSlide Overで開く
Procreateを開いている状態でフォルダアプリをSlide Overで開く

Slide Overとは

iPadの標準機能のひとつで、アプリを開きながら同じ画面上に別のアプリを開くことです。

やり方は

  1. Procreateを使用しているときに、下端から上にスワイプしDockを表示します。
  2. Dockでフォルダアプリをタッチして押さえたままにしてから、Dockの上にドラッグします。

2. フォルダアプリで追加したい解凍後フォントデータを開き、Procreateにドラッグ&ドロップします。

フォルダアプリで追加したい解凍後フォントデータを開き、Procreateにドラッグ&ドロップ
フォルダアプリで追加したい解凍後フォントデータを開き、Procreateにドラッグ&ドロップ

今回は以下のフォントをインストールしますので、あらかじめフォントデータをダウンロードし解凍しておきました。

もじワク研究 - ポプらむ☆キュート

3. Procreateを開き、フォントが追加されたことを確認します。

フォント追加完了
フォント追加完了

ProcreateのFontsフォルダにフォントデータを格納する方法

今回は以下のフォントをインストールしますので、あらかじめフォントデータをダウンロードし解凍しておきました。

もじワク研究 - トガリテ VER 2.0

1. インストールしたいフォントデータを長押しし、表示されたメニューから「コピー」をタップします。

インストールしたいフォントデータを長押しし、表示されたメニューから「コピー」をタップ
インストールしたいフォントデータを長押しし、表示されたメニューから「コピー」をタップ

2. ファイルアプリを開きます。

3. このiPad内>Procreate>Fontsの適当な場所を長押しし、表示されたメニューから「ペースト」をタップします。

このiPad内>Procreate>Fontsの適当な場所を長押しし、表示されたメニューから「ペースト」をタップ
このiPad内>Procreate>Fontsの適当な場所を長押しし、表示されたメニューから「ペースト」をタップ

4. フォントデータが格納されました。

フォントデータが格納される
フォントデータが格納される

5. Procreateを開き、フォントが追加されたことを確認します。

フォント追加完了
フォント追加完了

共有メニューからProcreateを選択して追加する方法

今回は先ほどインストールに使用した「トガリテ VER 2.0」のBold体をインストールします。

1. インストールしたいフォントデータを長押しし、表示されたメニューから「共有」をタップします。

インストールしたいフォントデータを長押しし、表示されたメニューから「共有」をタップ
インストールしたいフォントデータを長押しし、表示されたメニューから「共有」をタップ

2. 「Procreate」をタップします。

「Procreate」をタップ
「Procreate」をタップ

3. Procreateを開き、フォントが追加されたことを確認します。

「トガリテ VER 2.0」Bold体の追加を確認
「トガリテ VER 2.0」Bold体の追加を確認

Procreateに追加したフォントを削除したい場合

Procreateに追加したフォントを削除したい場合はProcreateからではなくファイルアプリから削除します。

今回は「PopRumCute」を削除します。

1. ファイルアプリを開きます。

2. このiPad内>Procreate>Fontsから削除したいフォントを探します。

3. 削除したいフォントデータを長押しで表示されるメニューから「削除」をタップします。

削除したいフォントデータを長押しで表示されるメニューから「削除」をタップ
削除したいフォントデータを長押しで表示されるメニューから「削除」をタップ

4. フォントが削除されました。

PopRumCuteが一覧からなくなっています
PopRumCuteが一覧からなくなっています

Proceateでのカスタムフォントの扱いについて

カスタムフォントというのはiPadOS13で追加されたiPad本体に組み込みフォント以外のフォントを追加する機能です。

カスタムフォントのインストール方法はフォントインストールアプリから追加する方法とフォントプロファイルインストールアプリから追加する方法の2種類あります。

詳細はこちらの記事をご参照ください。

[card id ="1234"]

Procreateはフォントインストールアプリから追加したフォントは使用できませんが、フォントプロファイルインストールアプリから追加したフォントは使用できます。

またProcreateアプリに追加したフォントは別のアプリでは使用できません。

フォントインストールアプリで追加したカスタムフォント

フォントインストールアプリのひとつであるFontinstall.appを使用して追加した「KHドット道玄坂12」はProcreateのフォント一覧には表示されないことが画像からわかります。

フォントインストールアプリを使用して追加したフォントはProcreateでは使用できません。

KHドット道玄坂12がProcreateで使用可能なら矢印の位置に表示されるはずだがない
設定>一般>フォントにKHドット道玄坂12は存在する
KHドット道玄坂12がProcreateで使用可能なら矢印の位置に表示されるはずだがない

フォントプロファイルインストールアプリで追加したカスタムフォント

フォントプロファイルインストールアプリを使用して追加したフォント、たとえば「ニコカ」(nicoca_v1.ttf)はProcreateのフォント一覧に使用できるフォントとして表示されます。

フォントプロファイルインストールアプリを使用して追加したフォントはProcreateで使用可能です。

設定>一般>プロファイルにニコカは存在する
設定>一般>プロファイルにニコカは存在する
Procreateのフォント一覧にNicocaが表示されている
Procreateのフォント一覧にNicocaが表示されている

Procreateからインストールしたフォントは他アプリで使用可能か

Procreateから追加したフォントは他のアプリで使用できません。

Procreateに追加したフォントを削除したい場合で確認したようにProcreateは独自のフォルダの中でフォントを管理しているため、他のアプリはProcreateに追加したフォントを認識できません。

念の為、本記事でProcreateからインストールしたフォント「ロンド B (スクエア)」が他のアプリから使用できるかを確認します。

フォントインストールアプリから追加したフォント

フォントインストールアプリから追加したフォントは設定>一般>フォントに格納されます。こちらには「ロンド B (スクエア)」はありません。

フォントは設定>一般>フォントに「ロンド B (スクエア)」はない
フォントは設定>一般>フォントに「ロンド B (スクエア)」はない

フォントプロファイルインストールアプリから追加したフォント

フォントプロファイルインストールアプリから追加したフォントは設定>一般>プロファイルに格納されます。こちらにも「ロンド B (スクエア)」はありません。

フォントは設定>一般>プロファイルにも「ロンド B (スクエア)」はない
フォントは設定>一般>プロファイルにも「ロンド B (スクエア)」はない

Procreate追加フォントは他アプリで使用可能か

最後にクリスタから使用できるか確認します。

クリスタはフォントインストールアプリ・フォントプロファイルインストールアプリどちらで追加したフォントでも使用可能です。

「ロンド B (スクエア)」が使用可能な場合、矢印の位置に表示されるはずですが、表示されません。

クリスタでProcreateから追加したフォントが使用できないことがわかります。

「ロンド B (スクエア)」が使用可能な場合、矢印の位置に表示されるはずだが表示されない
「ロンド B (スクエア)」が使用可能な場合、矢印の位置に表示されるはずだが表示されない

まとめ

Procreateはフォントの追加方法が4つもあるのは驚きです。

Procreateは標準で入っているフォントに日本語フォントが少ないため、自分の好きなフォントを一番やりやすい方法でインストールしてくださいね。

本記事ではiPad版ibisPaint Xでフォントを追加する方法を解説します。

ibisPaint Xは無料で使用できるお絵描きアプリです。

フォントの追加方法は他のお絵描きアプリと比べると異なる点が多くあります。

ibisPaint Xアプリから直接フォントをインストールし、インストールしたフォントはibisPaint Xアプリでのみ使用が可能です。

本記事を読むとibisPaint Xで多彩なフォントを使用する方法がわかりますよ。

本シリーズのまとめ記事はこちら。

[card id ="1252"]

[mokuji]

[ads]

ibisPaint Xは1.フォント一覧 2. 外部サイト 3.共有機能の3つの方法でフォントを追加できます。

  • ibisPaint Xはフォント一覧の中の「追加フォント(日本語/その他)」の項目で追加インストールできるフォントが一覧形式で確認できます。
  • ibisPaint Xのフォント追加機能から外部のフォント配布サイトに移動するとフォントデータをダウンロードする際にインストールが自動で行われます。
  • フォントデータをあらかじめダウンロードしておきiPadの共有機能からibisPaint Xを選択する方法でもフォントの追加が可能です。
  • フォントインストールアプリやフォントプロファイルインストールアプリを使用してiPadにインストールしたカスタムフォントはibisPaint Xでは使用できません。またibisPaint Xで追加インストールしたフォントは他のアプリで使用することはできません。

ibisPaint Xのフォント一覧について

ibisPaint Xの文字入れツール>文字>フォントをタップするとフォントの一覧が表示されます。

上から以下の順で表示されています。

  • Webフォント(日本語/その他):フォント追加方法のうち「2. 外部サイト」「 3.共有機能」で追加したフォント。
  • プリインストール(日本語/その他):iPadの組み込みフォント(iPad購入時点ですでにインストールされているフォント)。
  • 追加フォント(日本語/その他):フォント追加方法のうち「1.フォント一覧」で追加できるフォント。表示されているフォントの中から欲しいフォントを選択し、自分でインストールします。
Webフォント(日本語)、プリインストール(日本語)
Webフォント(日本語)、プリインストール(日本語)
追加フォント(日本語)
プリインストール(その他)
追加フォント(日本語)
追加フォント(その他)
追加フォント(その他)

「1.フォント一覧」からフォントを追加する方法

1. 追加フォント(日本語/その他)の中からインストールしたいフォントを選び、右端のダウンロードマークをタップします。

追加フォント(日本語/その他)の中からインストールしたいフォントを選び、右端のダウンロードマークをタップ
追加フォント(日本語/その他)の中からインストールしたいフォントを選び、右端のダウンロードマークをタップ

2. 「インストールしました」のダイアログが表示されたら「OK」をタップします。

「インストールしました」のダイアログが表示されたら「OK」をタップ
「インストールしました」のダイアログが表示されたら「OK」をタップ

3. 【削除したい場合】削除したいフォントの右端の三点マークをタップし、表示されるメニューから「削除」をタップします。

【削除したい場合】削除したいフォントの右端の三点マークをタップし、表示されるメニューから「削除」をタップ
【削除したい場合】削除したいフォントの右端の三点マークをタップし、表示されるメニューから「削除」をタップ

「2. 外部サイト」からフォントを追加する方法

1. フォント一覧右端の「+」をタップします。

フォント一覧右端の「+」をタップ
フォント一覧右端の「+」をタップ

2. ibisPaint Xアプリ内でブラウザーが起動しますので、インストールしたいフォントを探します。

「フリーフォント」でGoogle検索した結果が最初に表示されますが、検索条件を変更しても大丈夫です。

インストールしたいフォントを探す
インストールしたいフォントを探す

3. フォントをダウンロードをします。

今回は以下のフォントをインストールしました。

もじワク研究 - トガリテ

フォントをダウンロード
フォントをダウンロード

4. 自動的にibisPaint Xへのフォントインストール処理が開始され、処理が完了すると右下に「OK」ボタンが表示されるのでタップします。

画面は切れてしまって見えづらいのですが、画面下に「(フォント名)をインストールしました」というメッセージが表示されています。

処理が完了すると右下に「OK」ボタンが表示されるのでタップ
処理が完了すると右下に「OK」ボタンが表示されるのでタップ

5. フォント一覧に戻るとWebフォント(日本語/その他)に追加したフォントが表示され使用できます。

Webフォント(日本語/その他)に追加したフォントが表示され使用可能になる
Webフォント(日本語/その他)に追加したフォントが表示され使用可能になrる

6. 【削除したい場合】削除したいフォントの右端の三点マークをタップし、表示されるメニューから「削除」をタップします。

「3.共有機能」からフォントを追加する方法

1. インストールするフォントを用意します。ダウンロードしたフォントのZipファイルを次で開く>ibisPaint Xをタップします。

フォントをダウンロード
フォントをダウンロード
次で開く>ibisPaint Xをタップ
次で開く>ibisPaint Xをタップ

今回のフォントは以下のフォントをインストールしました。

もじワク研究 - ALBERTELLA アルバーテラ

Safariの場合

上の画像はChromeのものなので、Safariを使用する場合の手順を案内します。

ダウンロードすると自動的にファイル>ダウンロードフォルダに入ります。

ファイルアプリでダウンロードフォルダを開き、ダウンロードしたファイルを長押し>共有>ibisPaint Xをタップします。

2. ibisPaint Xのフォント一覧を開くとWebフォント(日本語/その他)に追加したフォントが表示され使用できます。

3. 【削除したい場合】削除したいフォントの右端の三点マークをタップし、表示されるメニューから「削除」をタップします。

ibisPaint Xでのカスタムフォント(iPadに追加インストールしたフォント)の扱いについて

iPadにインストールしたカスタムフォントとibisPaint Xで使用できるカスタムフォントは別管理になっています。

フォントインストールアプリでインストールしたカスタムフォント

フォントインストールアプリのひとつであるFontinstall.appを使用してインストールした「KHドット道玄坂12」はibisPaint Xのフォント一覧に使用できるフォントとして表示されませんでした。

フォント一覧の中の「Webフォント(日本語/その他)」「プリインストール(日本語/その他)」に「KHドット道玄坂12」は存在しません。

「追加フォント(日本語)」の中に「KHドット道玄坂12」はありますが、ibisPaint Xにはインストールされていないフォントとして扱われています。

念の為、ibisPaint Xインストール後にFontinstall.appから別のフォントをインストールしましたがibisPaint Xでは使用できませんでした。

設定>一般>フォントにKHドット道玄坂12は存在する
設定>一般>フォントにKHドット道玄坂12は存在する
ibisPaint Xにインストールされていないフォントとして扱われている
ibisPaint Xにインストールされていないフォントとして扱われている

フォントプロファイルインストールアプリでインストールしたカスタムフォント

フォントプロファイルインストールアプリを使用してインストールしたフォント、たとえば「ニコカ」(nicoca_v1.ttf)はibisPaint Xのフォント一覧に使用できるフォントとして表示されませんでした。

フォント一覧の中の「Webフォント(日本語/その他)」「プリインストール(日本語/その他)」に「ニコカ」は存在しません。

フォント一覧の中の「追加フォント(日本語)」の中に「ニコカ」は存在するのですが、ibisPaint Xにはインストールされていないフォントとして扱われています。

念の為、ibisPaint Xインストール後にAnyFontを使用して別のフォントをインストールしましたがibisPaint Xでは使用できませんでした。

設定>一般>プロファイルにニコカは存在する
設定>一般>プロファイルにニコカは存在する
ibisPaint Xにインストールされていないフォントとして扱われている
ibisPaint Xにインストールされていないフォントとして扱われている

つまりiPadにインストールしたカスタムフォントとibisPaint Xで使用できるカスタムフォントは別管理になっているということが以上のことからわかります。

まとめ

「1.追加フォント一覧」からフォントを追加する方法はフォント一覧にフォントのサンプルが表示されているのでどんなフォントなのか非常にわかりやすく便利な機能だと思います。

ibisPaint Xだけでカスタムフォントを使用する場合は問題はありませんが、他のソフトでもカスタムフォントを使用する場合はフォントインストールアプリかフォントプロファイルインストールアプリを使用してiPadにフォントをインストールする必要がある点は混乱しないよう注意が必要です。

本記事ではiPadに追加したカスタムフォントをClipStudio(クリップスタジオ、以下クリスタ)で使用する方法を解説します。

クリスタの本文用のフォントはクリスタの購入特典であるイワタアンチック体B(I-OTFアンチックStd B)でなんとかなるのですが、表紙などに使用する日本語フォントはiPadの組み込みフォントでは物足りない印象です。

そういうときはフリーフォントなどをカスタムフォントとしてインストールするのがオススメです。

iPadはカスタムフォントを追加する方法が2種類あります。

  • App Storeから配布されているフォントインストールアプリ(Fontinstall.appなど)からインストールする方法
  • フォントデータをAnyFontなどのアプリを使用してインストールする方法

2種類それぞれについて説明します。

本記事を読むとカスタムフォントのクリスタでの使用手順を知り、追加したフォントが表示されないという悩みが解消できますよ。

本シリーズのまとめ記事はこちら。

[card id ="1252"]

[mokuji]

[ads]

カスタムフォントのインストール方法によってクリスタに追加するときの方法が異なります。

  • App Storeから配布されているフォントインストールアプリ(Fontinstall.appなど)からインストールする方法の場合、ツールプロパティ>フォント>端末のフォントから追加 から追加する必要があります。
  • フォントデータをAnyFontなどのアプリを使用してインストールする方法の場合、追加の操作は必要ありません。

カスタムフォントをフォントインストールアプリから追加した場合

フォントインストールアプリでインストールしたフォントはクリスタで使うために追加で手順が必要です。

対象アプリ

フォントインストールアプリに分類されるのは以下のアプリです。

()内は提供元です。

1. クリスタのテキストツールを開き、ツールプロパティ>フォント>端末のフォントから追加 をタップします。

テキストツールを開き、ツールプロパティ>フォント>端末のフォントから追加をタップ
テキストツールを開き、ツールプロパティ>フォント>端末のフォントから追加をタップ

2. 「フォントを選択」のウィンドウからインストールしたフォントをタップします。

「フォントを選択」のウィンドウからインストールしたフォントをタップ
「フォントを選択」のウィンドウからインストールしたフォントをタップ

3. フォントの追加は完了です。

フォントの追加が完了
フォントの追加が完了

インストールしたフォントを実際に使ってみた画面です。

インストールしたフォントを実際に使ってみた画面
インストールしたフォントを実際に使ってみた画面

カスタムフォントをAnyFontなどのアプリを使用してインストールした場合

フォントプロファイルインストールアプリからインストールしたフォントはクリスタで使うために追加手順は必要ありません。

クリスタのテキストツールのフォント一覧に自動的に表示・追加されます。

対象アプリ

フォントプロファイルインストールアプリに分類されるのは以下のアプリです。

1. クリスタのテキストツールを開き、ツールプロパティ>フォントを開くと自動的に追加されています。

追加されていない場合はフォントインストール後にクリスタを再起動していないことが原因だと思いますので、必要なファイルを保存後クリスタを落とし再度クリスタを起動してください。

テキストツールを開くとすでにフォントが追加されています
テキストツールを開くとすでにフォントが追加されています

まとめ

カスタムフォントを使用すると表紙のロゴ作成や原稿本文のセリフに変化をつけることができます。

ぜひ活用してみてください。

[parts id="2164"]

このページのトップヘ