<登場人物>

ロキ
デザイナーを目指す未来からきた女の子。人々にドキドキを届ける一人前のクリエイターになるためにスキルアップの真っ最中。

ボロちゃん
ひょんなことからロキにデザインを教えることになった渋谷に生息するドブねずみクリエイター。ペディグリーチャムが大好物♡

 

フォントがデザインにしっくりこないことってあるわよね。。

そうだね。タイトルとか文字数が少ないものなら作図もできるけどね。たいへんだよね。。

ロキはいろいろなフォントを揃えたいようです。ボロちゃんとフォントを探してみましょう。
 
この記事では、文字の扱い方やフォントサイトへのリンクをまとめて紹介しています。今回はゴシック体フォントです。
 

目次
フォントとは
Adobe Fontsでフォントをアクティベート
ゴシック体フォント素材サイトリンク一覧
ダウンロードしたフォントのインストール「Font Book」
まとめ

フォントとは

文字の形のことを「フォント」や「書体」といいます。厳密には違いがありますが、今ではPCで扱う文字の形状をいいます。日本語フォントだけでもたくさんの種類があるのですがまずは2つ、「明朝体」「ゴシック体」の特徴を知っておくとフォント選びがラクになります。

 

 

はじめからインストールしてあるフォントだけでもたくさんあるから選ぶのにひと苦労することもあったけど、基準を知っておくと作業がスムーズね!

そうだね。延々とフォントが決まるまでマッチング作業をし続けることも少なくなると思うよ。

Adobe Fontsでフォントをアクティベート

Adobe製品を使っていればCreative Cloudサブスクリプションの一部であるAdobe Fontsを利用できます。フォントメーカー作成の数千ものフォントが提供されています。

アプリからAdobe Fontsへ移動する

イラストレーターの場合

 
フォトショップの場合

 
どちらもAdobe Fontsのページへ移動します。

フォントのアクティベートのしかた

リストから使いたいフォントのパネルをクリックすると、詳細ページへ移動します。ダウンロードではなくアクティベートなので設定すればすぐに使えます。

右上の「1個のフォントをアクティベート」をクリックします。

「すべてのフォントがアクティブ」が表示されたら設定完了です。
 

すぐにアプリで使用できます。(画面はイラストレーターです。)

Adobe Fontsの使用範囲


Adobe Fontsトップページで「使用フォント数に制限無し。 数千を超えるフォントから必要なだけ選択可能です。追加料金なし。すべてのフォントがCreative Cloudサブスクリプションに付属します。ライセンスは付与済み。すべてのフォントを商用にも個人用にも利用可能です。」と紹介しています。安心して利用できますね。
利用できるプラン概要の確認は、Adobe Fontsへようこそへ。
詳しい利用規約は、フォントのライセンスでご確認ください。

Adobe Fontsでダウンロードできるおすすめゴシック体フォント

※Adobe Creative Cloudサブスクリプションを購入していることが使用条件です。またAdobeIDを取得しCreative Cloud無償メンバーシップでも使用できます。

源ノ角ゴシック

源ノ角ゴシック
日本・中国・韓国で使われている文字のほとんどが使える。7種類のウェイト(太さ)が使える。「源ノ明朝」と対になるフォント。

ゴシック体フォントダウンロードサイト一覧

ネットにもフォントを提供しているサイトがあります。

やさしさゴシック

やさしさゴシック
ほんのり手書き風の優しいゴシック。

GD-高速道路ゴシックJA-OTF

GD-高速道路ゴシックJA-OTF
高速道路の看板に使用されている文字風フォント。
sozai_font_matome13

kinto

kinto
ディスプレイとUI向けの欧文書体にサイズとバランスが調整された日本語フォント。
sozai_font_matome14

源柔ゴシック

源柔ゴシック
丸くてやわらかいゴシックフォント。
sozai_font_matome15

とっぽいゴシック

とっぽいゴシック
金属活字由来の見出し用オールドスタイル角ゴシックフォント。

 
サイト紹介は掲載時のものです。商用利用可能のサイトをまとめていますが、ダウンロードの前に必ず各サイトの利用規約をよくお読みになり、適切に使用してください。

ダウンロードしたフォントのインストール「Font Book」

ダウンロードしたフォントは、インストールして使います。Macでは「Font Book」でフォントを管理します。

メニューバー「新規Finderウィンドウ」→「アプリケーション」→「Font Book」を開きます。

「ユーザ」の右カラム、フォントが並んでいるところへ適用したいフォントファイルをドラッグします。または、パネル上の「+」からフォントファイルを選択適用したら、アプリを起動して使用します。

まとめ

OS標準フォントでまとまりが良いフォントでは、
Mac:ヒラギノ角ゴシック
Win:游ゴシック
が、おすすめです。

知っておくと文字の扱いがグッとよくなる、文字組みについてはこちらで紹介しています。
デザイナー初級者必見! 読みやすい!伝わる!「文字組み」 その1
デザイナー初級者必見! 読みやすい!伝わる!「文字組み」 その2

日本語フォントは、「明朝体」「ゴシック体」から特徴を知っておこう。
フォントは、Adobe Fontsでアクティベートして使える。
フォント提供サイトからダウンロードもできる。
ダウンロードしたフォントは「Font Book」で管理。