1ヶ月でWebデザイン・プログラミングスキルをオーダーメイドのカリキュラムで学べるスクール、それがWebCamp。

子供の想像力を伸ばしアイデアを形にする小学生向けプログラミング教室「プロスタキッズ」

【Illustrator入門】フォントを追加しよう

Pocket

Illustrator(イラストレーター)に内臓されているフォント以外にも、フォントを追加できるのをご存知ですか?気に入ったフォントを見つけて、ダウンロードしてみましょう。

Illustratorにフォントを追加する方法

今回は、商業利用可能フリーフォントを提供しているサイト「fonto po」を利用して行っていきます。まずは、インターネット検索サイトから右のURL(http://fontopo.com/)を入力し、fonto poトップページにアクセスします。

イラストレーターにフォントを追加する方法

次に、気に入ったフォントを探して選びます。(表示されている画像をクリック)今回は、「はれのそら明朝」を選びました。すると、画像の様なページが表示されます。

イラストレーターにフォントを追加する方法

表示されている写真の右側一番下の「Open TypeフォントDownload」と書かれている文字があります。「Download」の部分をクリックしましょう。すぐにダウンロード中の表示がされます。その後、デスクトップ上の下部メニューバーからフォルダをクリックします。(windows10の場合)

イラストレーターにフォントを追加する方法

そして、左側メニュー項目の中から「ダウンロード」と書かれた文字をクリックします。

イラストレーターにフォントを追加する方法

すると、右側に「hare」という圧縮フォルダが表示されます。そのフォルダをダブルクリックします。1番上に「Harenosora」というファイルが出てきます。そのファイルの上にマウスカーソルを合わせてダブルクリックします。すると、画像の様な画面が表示されます。

イラストレーターにフォントを追加する方法

上部にインストールという文字がありますので、クリックしてみましょう。「インストールしますか」というメッセージが出てきます。「はい」を選ぶと、フォントが追加されます。

別方法でのフォントの追加

ダウンロードフォルダにて圧縮された「hare」フォルダを右クリックし、全て展開を選び次の画面でも展開を選びます。そして、左側のダウンロードと書かれた文字をクリックするとhareという圧縮されていない「hare」フォルダが出てきます。そのフォルダをクリックし「harenosora」ファイルを右クリック、「コピー」という文字を選びます。

デスクトップの左下にあるwindowsマークをクリックし「Contanaに何か聞いてみてください」と表示されているボックス内でクリックします。次に「コントロールパネル」という文字を入力しましょう。すると、画像の様な表示がされます。

controllpanel

コントロールパネルをクリックします。「デスクトップのカスタマイズ」という文字をクリックしましょう。

イラストレーターにフォントを追加する方法

すると、1番下に「フォント」と書かれた項目がありますのでダブルクリックします。今現在パソコン上にあるフォント一覧が表示されます。1番下までスクロールすると空白の部分がありますので、そこで右クリックします。

イラストレーターにフォントを追加する方法

「貼り付け」という文字をクリックすると、フォントが追加されます。

※フォント一覧では不要なフォントの上にカーソルを合わせて右クリックし「削除」という文字をクリック。すると、パソコンから選んだフォントが削除されます。使わないフォントがあればこまめに消すことでフォント一覧を見やすくしたり、わずかですが記憶容量を減らすことができます。

Illustratorを開いてみましょう

画像の様にフォントが追加されています。

イラストレーターにフォントを追加する方法

入力も問題なく出来ます。

イラストレーターにフォントを追加する方法

まとめ

「イラレ フリー フォント」など、検索してみると、たくさんの素敵なフォントに出会えます。ぜひ、この機会にダウンロードしてみましょう。

おすすめ記事
【Illustrator入門】波線を書く方法は?
【Illustrator入門】文字ツールの基本操作とアウトライン化

投稿者:プロスタ編集部

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

初心者がプログラミングで挫折しない学習方法を無料動画で公開中。オンラインに特化したプログラミングスクール「TechAcademy(テックアカデミー)」が解説。

この記事が気に入ったら
いいね!しよう

プロスタの最新情報をお届けします

あわせて読みたい

関連記事

ページ上部へ戻る