2018.11.02

Webデザイン

簡単! Adobe Fontsのフォント追加方法

簡単! Adobe Fontsのフォント追加方法のアイキャッチ画像

Creative Cloudのアカウントを持っている全ユーザーがすべてのサービスを利用できるようになった元TypekitことAdobe Fonts。

利用できるフォント数が15,000(有償の場合)へとボリュームアップし、これから利用してみるユーザーも多いかと思います。今回はAdobe Fontsのフォントの追加方法をお伝えしたいと思います。

Adobe Fontsのサイトへアクセス

まずはアプリのフォントウィンドウから緑色の「Tk」アイコンをクリックするか、直接Adobe Fontsのサイトへアクセスします。

Photoshopの場合

adobe fonts画面01

Illustratorの場合

adobe fonts画面02

ログインが必要になりますので、サイト右上のログインからログインしてください。

adobe fonts画面03

フォントを選ぶ

次にリストアップされているフォントからアクティベートしたいフォントを選びます。

adobe fonts画面04

アクティベートしたいフォントが決まっている場合はサイト上部の検索バーから直接フォント名を検索しても良いですし、サイト左側には「セリフ」や「サンセリフ」などリストをソートできるようになっていますし、日本語フォントに限定して探したい場合はサイト右上にある「Default」「Japanese」と記載がありますので「Japanese」を選択すれば日本語フォントがソートされますので、非常に使い勝手が良いですね!

アクティベート(追加)する

adobe fonts画面05

使用したいフォントが見つかりましたら右下の「アクティベート」ボタンをクリックすると、完了ポップアップウィンドウが出てきますのでOKをクリックしてください。

adobe fonts画面06

すると選んだフォントのアクティブボタンが水色に変わっているかと思います。

adobe fonts画面07

使用したいアプリで確認する

アクティベートが完了したらフォントを使用したいアプリに移動し、フォントがアクティベートされているか確認します。アクティベートに時間がかかる場合もあります。表示が確認できない場合は、もう一度アクティベートしなおしたり、アプリを再起動したりしてみましょう。

これで追加が完了です。

adobe fonts画面08

最後に

adobe fonts画面09

数多くのフォント入れている場合、非常に探しづらいので「Tk」アイコンをクリックしソートして確認すると便利ですよ!

SHARE

この記事の筆者

デザイナー 芳村 明文

デザイナー 芳村 明文

カテゴライズしたらきっとデザイナーのはず。音楽(洋楽をジャンル問わず雑多に貪る)、欧米テレビドラマ(シットコム)が好き。時々バンド活動。

WEBSITE DESIGN REQUEST

ホームページ制作・リニューアルの
ご相談はお気軽に

TEL 06-6537-9941 平日 9:00〜19:00

〒550-0012 大阪府大阪市西区立売堀2-5−41

ホームページ制作を相談する