2011-04-09 17:57:57 +0000 2011-04-09 17:57:57 +0000
54
54

Alle in einer Photoshop-Datei verwendeten Schriftarten finden

Ich habe diese .psd (Photoshop-Datei) und ich versuche, sie in HTML & CSS zu konvertieren.

Das einzige, was ich nicht feststellen kann, ist, welche Schriftart in der .psd

Wie kann ich herausfinden, welche Schriftarten in der Photoshop-Datei verwendet wurden?

Antworten (16)

63
63
63
2011-11-13 22:52:45 +0000

Hängt davon ab, wie Sie die Informationen extrahieren möchten.

Pro Abschnitt oder Textbereich

Wählen Sie das Textwerkzeug ( T Symbol mit Serifen) und klicken Sie auf den Textbereich, um ihn zu bearbeiten. Im Zeichenfenster wird angezeigt, welche Schriftart verwendet wird.

Alle verwendeten Schriftarten auf einen Blick

  1. Speichern oder exportieren Sie das Bilddokument als PDF
  2. Öffnen Sie die PDF-Version im Adobe Reader
  3. Wählen Sie Datei → Eigenschaften → Schriftarten

Dadurch werden alle in der PSD-Datei verwendeten einbettbaren Schriftarten aufgelistet, sofern Sie diese einbetten können.

Missing fonts

Gehen Sie im Zeichenwerkzeug auf das Dropdown-Menü für die Schriftauswahl. Am Ende der Liste stehen die Schriftarten, die im Bild verwendet werden, aber in Ihrem System fehlen. Diese werden in der Regel ausgegraut sein.

Gerasterte Bilder

Wenn Sie gerasterte Bilder sehen, für die Sie die Schriftart benötigen, exportieren Sie am besten nur diesen Bereich als klares, eigenständiges Bild und verwenden Sie einen Dienst wie What the Font , um die Schriftart zu bestimmen.

23
23
23
2015-04-29 22:34:00 +0000

Speichern Sie dieses Skript als neue Datei in Ihrem Ordner Photoshop > Voreinstellungen > Skripte. Nennen Sie es, wie Sie möchten, z. B. “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.',);
}

8
8
8
2011-04-09 18:08:16 +0000

Das PSD-Dateiformat ist dokumentiert von Adobe - Sie können nachlesen, wie es Schriftinformationen speichert.

Sie könnten dann einen Hex-Dump der Datei untersuchen und die Dateiformatspezifikation verwenden, um die Schriftarten zu finden.

Alternativ sollten die Schriftnamen in der Ausgabe des stringsUtility auf Linux/Unix-Systemen sichtbar sein.

5
5
5
2012-07-18 02:56:44 +0000

Dies ist eigentlich sehr einfach mit PS-Skripten zu machen, die durch die Ebenen Ihrer PSD iterieren und Text-Ebenen-Daten ziehen können.

Ich habe in letzter Zeit mit einem JavaScript-basierten Skript experimentiert, um Schriftinformationen direkt in die Comps einzublenden, die an die Entwickler geliefert werden. Es ist noch nicht fertig, aber wenn noch Interesse besteht (wie ich sehe, ist es schon ziemlich alt), kann ich eine Quick-and-Dirty-Version bereitstellen, die einfach die verwendeten Schriftarten in einem Fenster einblendet.

UPDATE: Ich habe eine grobe, aber funktionierende “lite”-Version des Skripts, das ich entwickle, zusammengestellt. Fühlen Sie sich frei, etwas beizutragen - https://github.com/davidklaw/completer . Für diejenigen, die mit Skripten nicht vertraut sind, nehmen Sie einfach die Skriptdatei und legen Sie sie in Ihren PS Presets/Scripts-Ordner und es wird unter File -> Scripts verfügbar sein.

4
4
4
2014-10-14 04:50:44 +0000

Schneller und einfacher Weg, um fehlende Schriftarten zu finden

  1. Windows -> Zeichen Ein kleines Zeichenfeld wird mit Schriftarteninformationen angezeigt.

  2. Wählen Sie das Dropdown-Menü für den Schriftartennamen und blättern Sie bis zum Ende.

  3. Am Ende der Schriftartenliste sehen Sie die Liste der fehlenden Schriftarten in hellgrauer Farbe.

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

3
3
3
2011-01-25 23:25:48 +0000

Wenn der Text bereits gerastert wurde, wäre der einfachste Weg, den Bereich mit der Schrift, die Sie identifizieren möchten, zu beschneiden, als .png zu speichern und auf WhatTheFont hochzuladen, wo es in der Lage sein sollte, Ihnen zu sagen, um welche Schrift es sich handelt, sofern es sich nicht um eine obskure oder maßgeschneiderte handelt. Identifont ist eine weitere Website, die Sie verwenden können und auf der Sie die Merkmale der Schriftart beschreiben.

1
1
1
2019-10-17 20:58:11 +0000

Basierend auf Davids ursprünglicher Antwort (DetectFonts.jsx), habe ich das Skript modifiziert, um das von Drew in den Kommentaren gemeldete Problem zu beheben: Alle in einer Photoshop-Datei verwendeten Schriftarten finden .

Folgen Sie den ursprünglichen Anweisungen, aber verwenden Sie stattdessen diesen Skriptkörper - der einzige Unterschied sind ein paar Null-Checks (vermutlich entweder ein Unterschied in der Photoshop-Version oder etwas, das mit fehlenden Daten bei bestimmten Objekttypen zu tun hat, wahrscheinlich Designer- oder Betriebssystem-spezifisch)

Ich werde auch einen Pull-Request an 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.');
}
``` senden
1
1
1
2011-04-09 23:02:10 +0000

Ich würde einen Schnappschuss des benötigten Textes machen (am besten vergrößert) und WhatTheFont verwenden, um einige Vermutungen anzustellen. (Sollte die Schriftart aber nicht angezeigt werden, wenn Sie das PSD öffnen und den entsprechenden Text auswählen?)

Und wenn es sich nicht um eine websichere Schriftart handelt, müssen Sie natürlich einen geeigneten Weg finden, sie zu ersetzen, oder einen Fallback-Stack bereitstellen.

1
1
1
2015-01-08 20:26:37 +0000

Verwenden Sie Creative Cloud Extract

Es listet alle verwendeten Schriftarten auf (neben anderen praktischen Dingen).

0
0
0
2011-05-21 07:50:50 +0000

Öffnen Sie Photoshop. Gehen Sie auf Fenster “ Zeichen. Es erscheint ein kleiner Kasten. Wählen Sie einfach die Textebene aus und das Feld zeigt Ihnen die Schriftfamilie, die Größe usw. an.

0
0
0
2014-05-06 07:22:17 +0000

Es gibt eine kostenlose Photoshop-Erweiterung/Panel, die diese Aufgabe für Sie übernehmen kann, Free Photoshop Font Detector http://www.layerhero.com/photoshop-font-detector/ ), und wenn Sie Schriftdateien aus dem Systemordner sammeln/kopieren wollen, versuchen Sie Photoshop Art Packer http://www.layerhero.com/photoshop-art-packer/ )

0
0
0
2019-03-11 01:26:50 +0000

Ich wollte für die Web-Entwicklung und für CSS-Zwecke Dokument-Schriften zusammen mit ihren Stilen, Größen, Farben, Formatierungen usw. kennen, also habe ich mir Folgendes ausgedacht:

  1. Klicken Sie auf das “T”-Symbol im Ebenenbedienfeld, um nur Textebenen zu filtern/anzuzeigen
  2. Klicken Sie mit Umschalttaste + linker Maustaste auf die oberste Textebene in der Ebenenpalette
  3. Scrollen Sie ganz nach unten in der Ebenenpalette und klicken Sie mit der Umschalttaste + links auf die unterste Textebene
  4. Klicken Sie mit der rechten Maustaste auf die ausgewählten Ebenen in der Ebenenpalette und wählen Sie “Ebenen duplizieren”
  5. Wählen Sie unter Zieldokument die Option Neu
  6. Wechseln Sie zu Ihrem neuen Dokument, das alle Ihre Textebenen enthalten sollte
  7. Wählen Sie erneut alle Textebenen aus (siehe Schritt #2 und #3)
  8. Klicken Sie auf das Ordnersymbol am unteren Rand der Ebenenpalette, um alle Textebenen zu einer Gruppe zusammenzufassen
  9. Ändern Sie den Füllmodus der Gruppe (das Dropdown-Menü in der Ebenenpalette) auf “Normal”
  10. Klicken Sie mit der rechten Maustaste auf Ihre neue Gruppe
  11. Wählen Sie “CSS kopieren”
  12. Fügen Sie sie in ein Dokument ein und formatieren Sie die Liste der Stile wie gewünscht!
0
0
0
2013-09-26 04:39:43 +0000

Verwenden Sie ein Online-Tool, um die Schriftarten der psd-Datei http://psdfonts.com/

0
0
0
2014-09-27 05:04:39 +0000

Auf der Registerkarte “Ebenen” gibt es eine Option, mit der Sie alle Ebenen filtern können, um nur die Schriftarten anzuzeigen. Sie müssen jede Ebene auswählen, um sie tatsächlich zu sehen, und es ist nur nützlich, wenn Sie einen schnellen Blick auf sie brauchen

Hoffentlich hilft es jemandem drei Jahre nachdem diese Frage gestellt wurde.

0
0
0
2013-11-17 13:46:06 +0000

Entwickler fragte mich fast das gleiche denken, wie Sie benötigt. Ich kam mit der Bearbeitung einfaches Skript, zu exportieren Ebene Eigenschaften (Text, Schriftart Name, Schriftgröße, Schriftfarbe), die Sie benötigen, wenn die Entwicklung, zu einer einzigen txt-Datei (sollte auf Windows-Rechner arbeiten).

Speichern Sie es einfach als “ExportTexts.js” und legen Sie es in Adobe Photoshop > Voreinstellungen > Skripte.

Danach starten Sie Photoshop (oder starten es neu) und führen das Skript aus (Datei -> Skripte -> ExportTexts). Vergewissern Sie sich auch, dass Sie vorher alle Ebenen entgruppiert haben. Die exportierte Datei sollte sich im gleichen Verzeichnis wie die psd-Datei befinden.

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
-1
-1
-1
2016-05-09 10:58:33 +0000

Um die Schriftinformationen aus einer PSD-Datei zu erhalten, können Sie Online-Tools verwenden, wenn Sie Photoshop nicht verwenden können oder wollen (oder wenn Sie lieber Gimp verwenden, das PSD-Schriften rastert).

Sie können zum Beispiel diesen html5 PSD Font Online Extractor “Get PSD Fonts” ausprobieren.

Es handelt sich dabei um einen PSD-Font-Informationsextraktor, der auf Melitingice Github-Projekt psd.js basiert und kein Hochladen von Dateien erfordert, sondern lokal in Ihrer Browser-Seite arbeitet