フォントについて

フォント

フォントは、文字、数字、記号などのセットで、例えば、小塚ゴシック Pro R などのように、太さ(ウェイト)、平均的な字幅、スタイルといった属性を持っています。

書体

書体(フォントファミリーまたはタイプフェイスとも呼びます)は、小塚ゴシックなど、共通の体裁を持つフォントの集まりで、一緒に使用するように設計されています。書体には、キーボードに表示されている文字以外にも多くの字形が含まれています。フォントの種類によって、合字、分数、スワッシュ字形、飾り文字、上付き序数、タイトル用字形、デザインのバリエーション、上付き文字、下付き文字、オールドスタイル数字、ライニング数字などが含まれます。

字形

字形とは、文字の特定の形を表します。例えば、フォントによっては、スワッシュ字形やスモールキャップスなど、大文字の A をいくつかの形で表すことができます。

テキストスタイル

フォントスタイルは、フォントファミリーに含まれるフォントのバリエーションです。欧文フォントでは、Roman または Plain(フォントファミリーごとに名称は異なります)は、フォントファミリーの中で基本となるフォントで、「regular」、「bold」、「semibold」、「italic」、「bold italic」などのフォントスタイルがあります。あるフォントが必要なスタイルを備えていない場合は、太字、斜体、上付き文字、下付き文字、オールキャップス、スモールキャップスのスタイルをシミュレートする擬似スタイルを適用できます。

Photoshop や他の Adobe Creative Cloud アプリケーションでフォントを使用できるようにするには、コンピューターでのフォントのアクティベートを参照してください。

フォントの自動アクティベーション

Photoshop 21.2 で導入(2020 年 6 月リリース)

コンピューターにインストールされていないフォントを含むドキュメントを開いた場合、インターネット接続中に Photoshop で、環境にないフォントが Adobe Fonts から自動的に取得され、アクティベートされます。 

Adobe Fonts の自動アクティベーション

テキストレイヤーを含むドキュメントを開くと、レイヤーパネルの一部のテキストレイヤーに青い同期アイコンが表示され、Adobe Fonts から環境にないフォントが自動的にアクティベートされることが示されます。ダウンロードが終了すると、同期アイコンは通常のテキストレイヤーアイコンに置き換わります。アクティベートされたフォントは、ドキュメント内だけでなく、コンピューター上の他のアプリケーションでも使用できるようになります。

フォントのアクティベーションの進行中に、環境にないフォントを含むテキストレイヤーを編集しようとした場合、環境にないフォントをデフォルトのフォントに置き換えて編集を続行するかどうかを確認するダイアログが表示されます。このダイアログで、次のいずれかを選択できます。

  • 置換:選択して環境にないフォントをデフォルトのフォントに置き換えます。欧文テキストの場合、デフォルトのフォントは Myriad Pro Regular です。
  • キャンセル:選択してテキスト編集モードを終了し、環境にない Adobe フォントのアクティベーションを再開します。

Adobe Fonts 以外の環境にないフォントの管理

ドキュメント内に環境にないフォントが含まれており、そのフォントが Adobe Fontsでは使用できない場合、レイヤーパネルのテキストレイヤー上に、黄色い環境にないフォントアイコンが表示されます。

Adobe Fonts では使用できない環境にないフォントの管理
Adobe Fonts では使用できない環境にないフォントの管理

Adobe Fonts では使用できない環境にないフォントが含まれたテキストレイヤーを変形しようとすると、Photoshop に警告ダイアログが表示され、変形後にレイヤーがピクセレートされたり、ぼやけたりする場合があることを通知します。このダイアログで、次の操作を選択できます。

  • 変形:選択して変形操作を続行します。レイヤーがピクセレートされたり、ぼやけたりする場合があります。
  • キャンセル:選択してキャンセルし、環境にないフォントを置き換えます。以下の手順を参照してください。

Adobe Fonts では使用できない環境にないフォントが含まれたテキストレイヤーを編集しようとすると、Photoshop にダイアログが表示され、環境にないフォントをデフォルトのフォントに置き換えるか、ドキュメント全体の環境にないフォントを管理するかどうかを確認するメッセージが表示されます。このダイアログで、次のいずれかを選択できます。

  • 管理:選択して環境にないフォントを管理ダイアログを開きます。以下の手順を参照してください。
  • 置換:選択して環境にないフォントをデフォルトのフォントに置き換えます。欧文テキストの場合、デフォルトのフォントは Myriad Pro Regular です。
  • キャンセル:選択してテキスト編集モードを終了します。

環境にないフォントの置き換え

Adobe Fonts 以外の環境にないフォントは、デフォルトのフォントまたはドキュメントで既に使用されているフォントで置き換えることができます。

  1. テキスト/環境にないフォントを管理を選択します。

  2. 環境にないフォントを管理ダイアログでドロップダウンオプションを使用して、環境にないフォントを管理します。

    • デフォルトのフォントで置き換えます。欧文テキストの場合、デフォルトのフォントは Myriad Pro Regular です。
    • ドキュメントで既に使用されているフォントで置き換えます。
    • 置き換えません。 
  3. (オプション)ドキュメント内の環境にないフォントをすべてデフォルトのフォントで置き換えるには、「環境にないフォントをすべてデフォルトのフォントに置き換える」を選択します。

  4. OK」をクリックします。

マッチフォント

Adobe Sensei の技術を活用

Photoshop 21.2(2020 年 6 月リリース)では、マッチフォントが強化され、サポートするフォント数が増加し、縦書きテキストと複数行の検出をサポートするようになりました。

当て推量で特定フォントを識別する代わりに、Photoshop に難しい作業を任せましょう。インテリジェントな画像処理分析機能により、ローマ/ラテンまたは日本語フォント画像を使用するだけで、Photoshop が機械学習システムを活用してフォントを検出し、コンピューターまたは Adobe Fonts のライセンス付きフォントと照合し、似ているフォントを候補として表示します。 

  1. 長方形選択ツールを選択します。写真内のテキストの周囲を選択します。

  2. 書式/マッチフォントを選択します。

    選択したテキストに類似したフォントの一覧が表示されます。

    画像内の一致するフォントを検索
    画像内の一致するフォントを検索
  3. マッチフォントダイアログで、以下のオプションを使用して結果をフィルタリングします。
    • (オプション)テキストオプション - 欧文または日本語を選択します。
    • (オプション)「Adobe Fonts からアクティベート可能なフォントを表示」の選択を解除すると、Adobe Fonts のフォントが非表示になり、コンピューター上でローカルに使用可能なフォントのみが表示されます。
  4. 一致するフォント一覧で、写真のフォントに最も近いフォントをクリックします。 

    クリックしたフォントが選択されます。一致したフォントを使用して、写真にテキストを追加できます。

次の手順に従います。

  1. 分析するフォントのテキストが含まれている画像の領域を選択します。
  2. 書式/マッチフォントを選択します。Photoshop は、Typekit のフォントを含め、画像内のフォントに類似したフォントのリストを表示します。
  3. 必要に応じて、テキストオプション - 欧文または日本語を選択します。
  4. 必要に応じて、ご使用のコンピューターでローカルに使用できるフォントだけを表示するように、「Typekit から同期できるフォントを表示する」を選択解除します。
  5. 表示されたフォントの中から、画像のフォントに最も近いフォントをクリックします。
  6. 「OK」をクリックします。クリックしたフォントが選択されます。

フォントのマッチングでのテキスト選択におけるベストプラクティス

  • テキスト 1 行分が含まれるように選択ボックスを描画します。
  • テキストの左端と右端がきっちりと収まるように選択ボックスを切り抜きます。
  • マッチフォントは 1 種類の書体およびスタイルのみに対して使用します。マッチフォントの選択範囲に複数の書体やスタイルが混在しないようにしてください。
  • 書式/マッチフォントを選択する前に、画像の遠近法を補正または修正します。

フォントのプレビュー

文字パネルまたはアプリケーションのフォントを選択できるその他の領域のフォントファミリーおよびフォントスタイルポップアップメニューで、フォントのサンプルを表示できます。また、次のアイコンでフォントの種類が示されます。

  • Adobe Fonts のフォント (以前の Typekit
  • OpenType 
  • Type 1 
  • TrueType 
  • マルチプルマスター 
  • OpenType SVG 
  • OpenType 可変フォント 

プレビュー機能をオフにする、またはフォント名のポイントサイズを変更するには、テキスト/フォントプレビューのサイズを選択して、オプションを選択します。

フォントの検索

お気に入りとしてフォントに「星印を付ける」ことにより、好みのフォントに迅速にアクセスすることができます。

Photoshop お気に入りのフォントの選択
お気に入りのフォントに「星印を付ける」

フォントを検索する際、分類(セリフやサンセリフなど)または視覚的類似性によってフォントをフィルタリングして、検索結果を絞り込むことができます。さらに、コンピューターにインストールされているフォント、または Adobe Fonts から同期されたフォントの中から選択することもできます。

フォントを検索するためのツール

フィルター

セリフ、スクリプト、手書き風などの分類によってフォントリストをフィルタリングします。

Adobe Fonts からフォントを表示

フォントリストで Adobe Fonts から同期されたフォントのみを表示します。

お気に入りのフォントを表示

以前にお気に入りとして指定した星印付きのフォントを表示します。

類似フォントを表示

選択したフォントに視覚的に類似しているフォント(Adobe Fonts のフォントを含む)を表示します。

フォントとフォントスタイルの選択

  • 文字パネルまたはオプションバーで、フォントフィルターを選択します。コンピューター上にフォントファミリーのバリエーションが複数インストールされている(標準、斜体、太字、太字斜体など)場合、複数のバリエーションが同じメニュー項目の下にグループ化されます。アイテムを展開して、目的のバリエーションを選択できます。 

注意:

上下矢印キーを使って、フォントリストを移動します。フォントファミリーの上で CmdCtrl と下矢印キーの組み合わせを使って、フォントファミリーを展開します。フォントファミリーまたはフォントファミリー内のバリエーションの上で CmdCtrl と上矢印キーの組み合わせを使って、フォントファミリーを折り畳みます。

Photoshop フォントファミリーメニュー
同じメニュー項目の下にグループ化されたフォントバリエーション

注意:

  • 選択したフォントファミリーに太字または斜体が含まれていない場合は、文字パネルで太字ボタン  または斜体ボタン  を選択して、擬似的なスタイルを適用します。または、文字パネルメニューから「太字」または「斜体」を選択します。
  • ダイナミックショートカットを試してください。ダイナミックショートカットとは、(編集モードでのみ、文字パネルメニューから)「太字」、「斜体」、「オールキャップス」、「スモールキャップス」、「上付き文字」、「下付き文字」、「下線」、「打ち消し線」に対して使用できるキーボードショートカットです。
  • ワープテキストには太字を適用することはできません。

注意:

テキストボックスに名前を入力することによって、フォントファミリーおよびスタイルを検索できます。入力すると、入力したテキストを含むフォント名が表示されます。目的のフォント名またはスタイル名が表示されるまで名前を入力します。

複数レイヤー上のフォントの変更

  1. レイヤーパネルで、変更するテキストレイヤーを選択します。
  2. 文字パネルで、ポップアップメニューから文字の書式を選択します。

字形の保護

字形の保護によって、欧文フォントを選択した後、非欧文テキスト(日本語やキリル文字など)を入力したときに不適切な判読できない文字が表示されることを防止することができます。Photoshop では、初期設定で適切なフォントが自動的に選択され、字形が保護されます。字形の保護を無効にするには、テキスト環境設定で、「見つからない字形の保護を有効にする」の選択を解除します。

OpenType フォント

OpenType フォントは、Windows と Macintosh で同じフォントファイルを使用するため、プラットフォーム間でファイルを移動する際に、フォントの代用などを意識せずに使用することができます。OpenType フォントには、現在の PostScript や TrueType フォントでは実現されていないスワッシュ字形や任意の合字など、多くの機能を組み込むことが可能です。

注意:

OpenType フォントでは、フォントリストに アイコンが表示されます。

OpenType フォント使用時は、テキスト内の欧文合字、スモールキャップス、分数、オールドスタイルのライニング数字のような異体字を自動的に置き換えることができます。

OpenType フォントは、Windows と Macintosh で同じフォントファイルを使用するため、プラットフォーム間でファイルを移動する際に、フォントの代用などを意識せずに使用することができます。OpenType フォントには、現在の PostScript や TrueType フォントでは実現されていないスワッシュ字形や任意の合字など、多くの機能を組み込むことが可能です。

注意:

OpenType フォントでは、フォントリストに アイコンが表示されます。

OpenType フォント使用時は、テキスト内の欧文合字、スモールキャップス、分数、オールドスタイルのライニング数字のような異体字を自動的に置き換えることができます。

標準フォントと OpenType フォント
標準フォント字形(左)と OpenType フォント機能(右)

A. 上付き序数表記 B. 任意の合字 C. スワッシュ 

OpenType フォントには、より豊富な言語サポートと高度な文字制御を提供するために、拡張文字セットおよびレイアウト機能が含まれていることがあります。中央ヨーロッパ(CE)言語をサポートするアドビの OpenType フォントには、アプリケーションのフォントメニューのフォント名に「Pro」という語が含まれています。中央ヨーロッパ言語をサポートしない OpenType フォントには、「Standard」というラベルが付されており、「Std」という接尾辞が付いています。また、すべての OpenType フォントは、PostScript Type 1 フォントおよび TrueType フォントと一緒にインストールすることができます。

OpenType フォントについて詳しくは、OpenType を参照してください。

OpenType 機能の適用

  1. 文字ツールを使用して、OpenType フォントを選択します。テキストを選択しなければ、設定はこれから作成する新しいテキストに適用されます。
  2. 文字パネルメニューで、OpenType サブメニューから次のいずれかを選択します。

    欧文合字

    特定の組み合わせの文字(fi、fl、ff、ffi、ffl など)を置き換える書式です。

    ligature

    前後関係に依存する字形

    いくつかの筆記体の書体に用意されている代替字形で、文字を美しく連結する場合に使用できます。例えば、Caflisch Script Pro フォントで前後関係に依存する字形を使用した場合、「bloom」という単語の「bl」は連結され、手書きの文字のような印象を与えることができます。

    任意の合字

    特定の組み合わせの文字(ct、st、ft など)を置き換える書式です。

    注意:

    合字の文字は連結して表示されますが、編集機能は保持されるので、スペルチェックで間違って検出されることはありません。

    スワッシュ字形

    拡張ストローク(装飾曲線)を備えた字形であるスワッシュ字形に置き換えます。

    オールドスタイル数字

    通常の数字よりも背の低い数字で、一部の欧文旧スタイルの数字はテキストベースラインより下に表示されます。

    デザインのバリエーション

    接合処理に優れた代替書式です。

    タイトル用字形

    タイトルなど、大きなサイズで使用するテキスト用の文字書式(通常はすべて大文字)です。

    装飾

    好みの記号をテキストファミリーに追加して、タイトルページの装飾、段落マーカー、テキストブロックの区切り、縞模様や境界線として使用することのできる図案です。

    上付き序数表記

    序数(1st、2nd など)を自動的に上付き文字として書式設定します。スペイン語の上付き文字の segunda および segundo(2a および 2o)のような文字も適切に書式設定されます。

    分数

    分数を自動的に書式設定します。スラッシュによって区切られた数字(1/2 など)はシリング分数( など)に変換されます。

    注意:

    Photoshop では、前後関係に依存する字形、合字、字形などの OpenType 機能を、適用する前にプレビューすることはできません。ただし、Adobe Illustrator の字形パネルを使用することによって、OpenType 機能をプレビューして適用することができます。テキストを Adobe Illustrator にコピー&ペーストし、字形パネルを使用して OpenType 機能をプレビューして適用します。次に、テキストを再び Photoshop にペーストすることができます。

OpenType SVG フォント

Photoshop で OpenType SVG フォントがサポートされるようになりました。今後は、EmojiOne フォントと Trajan Color Concept が付属されます。OpenType SVG フォントでは、1 つの字形に様々な色とグラデーションを指定できます。Apple カラー絵文字フォントは OpenType SVG フォントではありませんが、Mac OS プラットフォームでは限定的にサポートされます。

v2_SQD
OpenType SVG フォント:複数のカラーとグラデーション

絵文字フォントは、OpenType SVG フォントの一例です。絵文字フォントを使用して、スマイリー、旗、道路標識、動物、人物、食品、場所といったカラフルなグラフィカル文字をドキュメントに含めることができます。EmojiOne フォントなどの OpenType SVG 絵文字フォントでは、1 つまたは複数の字形を使用して特定の合成字形を作成できます。たとえば、国旗を作成したり、人物を表す特定の字形の皮膚色を変更することができます。

詳しくは、SVG フォントの操作を参照してください。

OpenType 可変フォント

OpenType 可変フォントでは、太さ、幅、スラント、オプティカルサイズなどのカスタム属性をサポートしています。Photoshop には、プロパティパネルの便利なスライダーコントロールで太さ、幅、スラントを調節できる可変フォントがいくつか同梱されています。可変フォントを探すには、文字パネルまたはオプションバーのフォントリストで「variable」を検索します。または、名前の横に アイコンが示されているフォントを探します。

フォントの一覧:可変フォントの一部
フォントの一覧:可変フォントの一部
可変フォントのスライダーコントロール
プロパティパネル:可変フォントのスライダーコントロール

スライダーコントロールを調節することで、現在の設定に最も近い文字スタイルが自動で選択されます。例えば、標準テキストスタイルのスラントを大きくすると、自動的に一種の斜体に変換されます。