☰

Photoshop ファイルで使用されているすべてのフォントを見つける

tag-icon • tag-icon fonts adobe-photoshop
Photoshop ファイルで使用されているすべてのフォントを見つける

私はこれ.psd（Photoshop ファイル）を持っていて、それを HTML と CSS に変換しようとしています。

ただ、どのフォントが使われているのかは分かりません。.psd

Photoshop ファイルで使用されたフォントを確認するにはどうすればよいでしょうか?

答え1

情報をどのように抽出したいかによって異なります。

セクションまたはテキストエリアごと

テキストツール（Tセリフ付きアイコン）をクリックし、テキスト領域をクリックして編集します。文字ウィンドウに使用されているフォントが表示されます。

使用されているすべてのフォントを一目で確認

  1. 画像文書をPDFとして保存またはエクスポートする
  2. Adobe ReaderでPDF版を開く
  3. ファイル→プロパティ→フォントを選択

この意志使用されている埋め込み可能なフォントをすべて一覧表示するPSD ファイルに埋め込むことができる場合は、それを使用します。

フォントが見つかりません

文字ツールで、フォント選択ドロップダウンに移動します。リストの最後には、画像で使用されているがシステムに存在しないフォントが表示されます。これらは通常、グレー表示されます。

ラスターサイズの画像

ラスタライズされた画像でフォントフェイスが必要な場合は、その部分だけを明確な独立した画像としてエクスポートし、次のようなサービスを利用するのが最善です。フォントは何？フォントを決定します。

答え2

このスクリプトを Photoshop > Presets > Scripts フォルダに新しいファイルとして保存します。「Detect Fonts.jsx」など、任意の名前を付けます。

var p = new ActionReference();

function arrayUnique(a){
    var t = []
        i = a.length;

    while(i--) {
        var f = false,
        n = t.length;

        while (n--) {
            if(a[i] === t[n]) {
                f = true;
            }
        }

        if(!f) {
            t.push(a[i]);
        }
    }
    return t;
}

function findFonts() {
    p.putEnumerated( charIDToTypeID('Dcmn'), charIDToTypeID('Ordn'), charIDToTypeID('Trgt') );

    var c = executeActionGet(p).getInteger(charIDToTypeID('NmbL'))+1,
        fonts = [];

    while(c--) {
        var r = new ActionReference(),
            descLayer,
            layerStyles,
            countStyles;

        r.putIndex( charIDToTypeID( 'Lyr ' ), c );

        try {
            descLayer = executeActionGet(r);
        } catch (e) {
            continue;
        }

        if(!descLayer.hasKey(stringIDToTypeID( 'textKey' ))) continue;

        layerStyles = descLayer.getObjectValue(stringIDToTypeID('textKey')).getList(stringIDToTypeID('textStyleRange'));
        countStyles = layerStyles.count;

        while(countStyles--) {
            var n = layerStyles.getObjectValue(countStyles).getObjectValue(stringIDToTypeID('textStyle')).getString(stringIDToTypeID('fontPostScriptName'));
            fonts.push(n);
        }
    }

    return arrayUnique(fonts).sort();
}

if (documents.length) {
    var d = findFonts();
    alert(d.length +' fonts found\n'+d.join('\n'));
} else {
    alert('No fonts used in the active document.',);
}

ここに画像の説明を入力してください

答え3

PSDファイル形式は文書化されたAdobe による - フォント情報がどのように保存されるかを読むことができます。

次に、ファイルの 16 進ダンプを調べ、ファイル形式の仕様を使用してフォントを見つけることができます。

stringsあるいは、 Linux/Unix システムにあるユーティリティの出力にフォント名が表示されるはずです。

答え4

不足しているフォントを見つける簡単な方法

  1. Windows -> 文字 フォント情報を含む小さな文字ボックスが表示されます。

  2. フォント名のドロップダウンを選択し、最後までスクロールします。

  3. フォント リストの最後に、不足しているフォントのリストが薄い灰色で表示されます。

ここに画像の説明を入力してください

から ： http://www.bala-krishna.com/how-to-find-fonts-used-in-psd-file/

関連情報