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

これ.psd（Photoshopファイル）があり、HTMLとCSSに変換しようとしています。

判断できないのは、どのフォントを .psd

Photoshopファイルで使用されているフォントを調べるにはどうすればよいですか？

情報の抽出方法によって異なります。

セクションまたはテキスト領域ごと

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

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

1. 画像ドキュメントをPDFとして保存またはエクスポートする
2. Adobe ReaderでPDFバージョンを開きます
3. ファイル→プロパティ→フォントを選択します

これにより、PSDファイルで使用されるすべての埋め込み可能フォントが一覧表示されます（埋め込み可能な場合）。

見つからないフォント

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

ラスタライズされた画像

フォントフェースが必要なラスタライズ画像が表示された場合は、そのセクションだけをクリアなスタンドアロンイメージとしてエクスポートし、What the Fontなどのサービスを使用してフォントを決定するのが最善です。

このスクリプトを新しいファイルとして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.',);
}

PSDファイル形式はAdobeによって文書化されています-フォント情報の保存方法を読むことができます。

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

または、stringsLinux / Unixシステムで見つかったユーティリティの出力にフォント名が表示される必要があります。

これは、PSスクリプトを使用して簡単に実行できます。PSスクリプトは、PSDのレイヤーを反復処理し、テキストレイヤーデータを取得できます。

最近、JavaScriptベースのスクリプトを試し、開発者に配信されるコンプにフォント情報を直接オーバーレイしています。まだ終わっていませんが、まだ興味がある場合（これはかなり古いと思います）、ウィンドウで使用されているフォントをポップアップ表示するだけの簡単なバージョンを作成できます。

更新：私は、開発中のスクリプトの大まかな、しかし「ライト」バージョンをまとめました。貢献してお気軽- https://github.com/davidklaw/completer。スクリプトに慣れていない人のために、スクリプトファイルを取得してPS Presets / Scriptsフォルダーの下に置くだけで、[ファイル]-> [スクリプト]で使用できるようになります。

不足しているフォントをすばやく簡単に見つける方法

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

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

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

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

テキストが既にラスタライズされている場合、簡単な方法は、識別したい書体で領域をトリミングし、.pngとして保存し、WhatTheFontにアップロードすることです。あいまいまたは特注のものです。

Identifontは、書体の特性を説明する別のサイトです。

必要なテキスト（できればズームイン）のスナップショットを取り、WhatTheFontを使用して推測します。（ただし、PSDを開いてそれぞれのテキストを選択すると、書体は表示されませんか？）

そしてもちろん、それがWebセーフフォントでない場合は、適切な置き換え方法を見つけるか、フォールバックスタックを提供する必要があります。

Creative Cloud Extractを使用する

使用されるすべてのフォントが一覧表示されます（その他の便利なものもあります）。

Davidの元の回答（DetectFonts.jsx）に基づいて、Drewがコメントで報告した問題を修正するためにスクリプトを変更しました。Photoshop ファイルで使用されているすべてのフォントを検索します。

元の指示に従いますが、代わりにこのスクリプト本体を使用します-いくつかのnullチェック（おそらく、Photoshopバージョンの違いか、デザイナーまたはオペレーティングシステム固有の特定のオブジェクトタイプの欠落データと関係がある）

また、https：//github.com/dcondrey/DetectFontsinPSDにプルリクエストを送信します。

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'));
        if(!layerStyles) continue;

        countStyles = layerStyles.count;

        while (countStyles--) {
            var textStyle = layerStyles.getObjectValue(countStyles).getObjectValue(stringIDToTypeID('textStyle'));
            if(!textStyle || !textStyle.hasKey(stringIDToTypeID('fontPostScriptName'))) continue;

            var n = 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.');
}

Photoshopを開きます。Windows»Characterに移動します。小さなボックスがポップアップします。テキストレイヤーを選択するだけで、ボックスにフォントファミリ、サイズなどが表示されます。

オンラインツールを使用してpsdファイルのフォントを取得する

http://psdfonts.com/

開発者は、あなたが必要とするのとほぼ同じことを私に尋ねました。開発時に必要なレイヤープロパティ（テキスト、フォント名、フォントサイズ、フォントの色）を単一のtxtファイル（Windowsマシンで動作するはずです）にエクスポートする簡単なスクリプトの編集を思いつきました。

これを「ExportTexts.js」のように保存し、Adobe Photoshop> Presets> Scriptsに配置するだけです。

その後、Photoshopを実行（または再起動）し、スクリプトを実行します（ファイル->スクリプト-> ExportTexts）。また、これを行う前に、すべてのレイヤーのグループ化を解除してください。エクスポートされたファイルは、psdファイルと同じディレクトリにある必要があります。

if (documents.length > 0)
{
    var docRef = activeDocument;
    CurrentFolder = activeDocument.path;
    var outputFile = new File(CurrentFolder + "/" + activeDocument.name + "fonts.txt" );
    outputFile.open("w");
    for (var i = docRef.layers.length-1 ; i >=0 ; i--)
    {
        docRef.activeLa`enter preformatted text here`yer = docRef.layers[i]
        if (docRef.activeLayer.kind == LayerKind.TEXT)
        {
            outputFile.write( 
            docRef.activeLayer.textItem.contents + "\n" + 
            docRef.activeLayer.textItem.font +"," +
            docRef.activeLayer.textItem.size +"," +
            docRef.activeLayer.textItem.color.rgb.hexValue  + "\n\n\n");
        }
    }
    outputFile.close();
    alert("Finished");
}
else
{
    alert("You must have at least one open document to run this script!");
}
docRef = null

あなたのためにこの仕事をすることができる無料のPhotoshop Extension / Panel、無料のPhotoshop Font Detector（http://www.layerhero.com/photoshop-font-detector/）があり、システムからフォントファイルを収集/コピーしたい場合フォルダ、Photoshop Art Packer（http://www.layerhero.com/photoshop-art-packer/）を試してください

[レイヤー]タブには、すべてのレイヤーをフィルターしてフォントのみを表示できるオプションがあります。実際にそれらを見るには各レイヤーを選択する必要があり、それらを一目見たい場合にのみ役立ちます

これが尋ねられてから3年後に誰かの助けになることを願っています。

Web開発やCSSの目的のために、スタイル、サイズ、色、フォーマットなどのドキュメントフォントを知りたいので、ここに私が思いついたものがあります。

1. レイヤーパネルの「T」アイコンをクリックして、テキストレイヤーのみをフィルター/表示します
2. レイヤーパレットの一番上のテキストレイヤーをShift +左クリック
3. レイヤーパレットの一番下までスクロールし、Shiftキーを押しながら下のテキストレイヤーを左クリックします。
4. レイヤーパレットで選択したレイヤーを右クリックし、「レイヤーを複製」を選択します
5. 「宛先ドキュメント」で、「新規」を選択します
6. すべてのテキストレイヤーを含む新しいドキュメントに移動します
7. テキストのすべてのレイヤーを再度選択します（ステップ＃2および＃3を参照）
8. レイヤーパレットの下部にあるフォルダーアイコンをクリックして、すべてのテキストレイヤーを1つのグループにします
9. グループの描画モード（レイヤーパレットのドロップダウン）を「標準」に変更します
10. 新しいグループを右クリックします
11. 「CSSをコピー」を選択します
12. ドキュメントに貼り付け、必要に応じてスタイルのリストをフォーマットします！

フォント情報をPSDファイルから取得するには、Photoshopを使用できない、または使用しない場合（またはPSDフォントをラスタライズするGimpを使用する場合）、オンラインツールを使用できます。

たとえば、このhtml5 PSDフォントオンライン抽出プログラム「Get PSD Fonts」を試すことができます。

Melitingice Githubプロジェクトpsd.jsに基づいたPSDフォント情報抽出ツールであり、ファイルをアップロードする必要がなく、ブラウザページでローカルに動作します