Suchen Sie alle in einer Photoshop-Datei verwendeten Schriftarten

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

Das einzige, was ich nicht bestimmen kann, ist, welche Schriftart sie in .psd

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

Author: random, 2011-04-09

16 answers

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 es zu bearbeiten. Es wird angezeigt, welche Schriftart im Zeichenfenster verwendet wird.

Alle verwendeten Schriftarten auf einen Blick

  1. Speichern oder exportieren Sie das Bilddokument als PDF
  2. {[11],} Öffnen die PDF-version im Adobe-Reader -
  3. Datei → Eigenschaften → Schriftarten auswählen

Dies wird alle auflisten einbettbare Schriftarten verwendet in der PSD-Datei, sofern Sie sie einbetten können.

Fehlende Schriftarten

Wechseln Sie im Zeichenwerkzeug zur Dropdown-Liste Schriftauswahl. Am Ende der Liste befinden sich die Schriftarten, die im Bild verwendet werden, aber in Ihrem System fehlen. Diese werden normalerweise ausgegraut.

Rastersized Bilder

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

 65
Author: random,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2020-06-12 13:48:39

Speichern Sie dieses Skript als neue Datei im Ordner Photoshop > Presets > Scripts. Nennen Sie es, was Sie wollen, wie "Erkennen Schriftarten.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.',);
}

geben Sie hier die Bildbeschreibung ein

 24
Author: davidcondrey,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2016-03-03 18:08:42

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

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

Alternativ sollten die Schriftnamen in der Ausgabe des Dienstprogramms stringssichtbar sein, das auf Linux/Unix-Systemen zu finden ist.

 8
Author: RedGrittyBrick,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2011-04-09 18:08:16

Dies ist mit PS-Skripten sehr einfach, die die Ebenen Ihrer PSD durchlaufen und Textschichtdaten abrufen können.

Ich habe in letzter Zeit mit einem JavaScript-basierten Skript experimentiert, um Schriftinformationen direkt auf Comps zu überlagern, die an Entwickler geliefert werden. Es ist noch nicht fertig, aber wenn es noch Interesse gibt (ich sehe, das ist ziemlich alt), kann ich eine Quick-and-Dirty-Version erstellen, in der einfach die in einem Fenster verwendeten Schriftarten angezeigt werden.

UPDATE: Ich habe ein grobe, aber funktionierende "Lite" - Version des Skripts, das ich entwickle. Fühlen Sie sich frei 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 Ordner PS Presets/Scripts und sie ist unter Datei -> Skripte verfügbar.

 6
Author: David,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2012-07-18 14:34:18

Schnelle und einfache Suche nach fehlenden Schriftarten

  1. Windows - > Zeichen Ein kleines Zeichen Feld wird mit Schriftarten Informationen angezeigt.

  2. Wählen Sie font name Dropdown und scrollen Sie nach unten bis zum Ende.

  3. Sie werden Liste der fehlenden Schriftarten in hellgrauer Farbe am Ende der Schriftliste bemerken.

geben Sie hier die Bildbeschreibung ein

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

 4
Author: Praveen Vijayan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2014-10-14 04:50:44

Wenn der Text bereits gerastert wurde, können Sie den Bereich mit der Schriftart, die Sie identifizieren möchten, einfach zuschneiden, speichern Sie ihn als a.png und laden Sie es auf WhatTheFont, wo sollte es Ihnen sagen können, was es ist, es sei denn, es ist eine obskure oder maßgeschneiderte.

Identifont ist eine andere Website, die Sie verwenden können, wo Sie Eigenschaften der Schrift beschreiben.

 3
Author: paradroid,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2011-01-25 23:25:48

Ich würde einen Schnappschuss des benötigten Textes machen (vorzugsweise vergrößert) und WhatTheFont verwenden, um einige Vermutungen zu erhalten. (Sollte die Schrift nicht angezeigt werden, wenn Sie die 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 bereitzustellen.

 1
Author: roguesys,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2011-04-09 23:02:10

Verwenden Sie Creative Cloud Extract

Es werden alle verwendeten Schriftarten aufgelistet (unter anderem).

 1
Author: skube,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2015-01-08 20:26:37

Basierend auf Davids ursprünglicher Antwort (DetectFonts.jsx), ich habe das Skript geändert, um das von Drew in den Kommentaren gemeldete Problem zu beheben: Finde alle Schriftarten, die in einer Photoshop-Datei verwendet werden.

Folgen Sie den ursprünglichen Anweisungen, aber verwenden Sie stattdessen diesen Skripttext-der einzige Unterschied besteht in einigen Nullprüfungen (vermutlich entweder ein Photoshop-Versionsunterschied oder etwas, das mit fehlenden Daten zu bestimmten Objekttypen zu tun hat, wahrscheinlich Designer-oder betriebssystemspezifisch)

Ich werde auch einreichen eine Pull-Anfrage 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.');
}
 1
Author: agrath,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2019-10-17 20:58:11

Öffnen Sie Photoshop. Gehen Sie zu Windows " Charakter - . Eine kleine Box erscheint. Wählen Sie einfach die Textebene aus und das Feld zeigt Ihnen die Schriftfamilie, Größe usw. an.

 0
Author: Jack,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2012-07-18 03:15:10

Verwenden Sie das Online-Tool, um Schriftarten der PSD-Datei abzurufen

Http://psdfonts.com/

 0
Author: Ahsan Idrisi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2013-09-26 04:39:43

Entwickler fragte mich fast die gleiche denken, wie Sie brauchten. Ich habe ein einfaches Skript entwickelt, um Ebeneneigenschaften (Text, Schriftname, Schriftgröße, Schriftfarbe), die Sie bei der Entwicklung benötigen, in eine einzelne TXT-Datei zu exportieren (sollte auf Windows-Computern funktionieren).

Speichern Sie dies einfach wie " ExportTexts.js " und in Adobe Photoshop > Voreinstellungen > Skripte einfügen.

Führen Sie danach Photoshop aus (oder starten Sie es neu) und führen Sie das Skript aus (Datei - > Skripte - > ExportTexte). Stellen Sie auch sicher, dass Sie alle Ebenen nicht gruppiert haben bevor Sie dies tun. Exportierte Datei sollte in einem gleichen Verzeichnis wie PSD-Datei sein.

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
 0
Author: van,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2013-11-17 13:46:06

Es gibt eine kostenlose Photoshop-Erweiterung / Panel, die diesen Job für Sie tun können, Free Photoshop Font Detector (http://www.layerhero.com/photoshop-font-detector/), und wenn Sie Schriftdateien aus dem Systemordner sammeln/kopieren möchten, versuchen Sie Photoshop Art Packer (http://www.layerhero.com/photoshop-art-packer/)

 0
Author: user3110420,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2014-05-06 07:22:17

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 kurzen Blick auf sie benötigen

Hoffe, es hilft jemandem drei Jahre, nachdem dies gefragt wurde.

 0
Author: edrpls,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2014-09-27 05:04:39

Ich wollte Dokumentschriften zusammen mit ihren Stilen, Größen, Farben, Formatierungen usw. kennen. für Webentwicklungs-und CSS-Zwecke habe ich mir Folgendes ausgedacht:

  1. Klicken Sie im Ebenenbedienfeld auf das Symbol "T", um nur Textebenen zu filtern/anzuzeigen
  2. Umschalt + Linksklick auf die oberste Textebene in der Ebenenpalette
  3. Scrollen Sie bis zum unteren Rand der Ebenenpalette und klicken Sie mit Umschalt + links auf die untere Textebene
  4. Rechtsklick auf die ausgewählten Ebenen in den Ebenen palette und wählen Sie "Ebenen duplizieren"
  5. Wählen Sie unter Zieldokument die Option Neu
  6. Gehen Sie zu Ihrem neuen Dokument, das alle Ihre Textebenen enthalten sollte
  7. Wählen Sie alle Textebenen erneut aus (siehe Schritt #2 und #3)
  8. Klicken Sie auf das Ordnersymbol unten in der Ebenenpalette, um alle Textebenen zu einer Gruppe zu machen
  9. Ändern Sie den Mischmodus der Gruppe (das Dropdown-Menü in der Ebenenpalette) in "Normal"
  10. Rechtsklick auf Ihre neue Gruppe
  11. "Wählen Sie" Kopieren CSS"
  12. Fügen Sie es in ein Dokument ein und formatieren Sie Ihre Stilliste nach Bedarf!
 0
Author: cfx,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2019-03-11 01:26:50

Um die Schriftarten-Informationen aus einer PSD-Datei zu erhalten, können Sie Online-Tools verwenden, wenn Sie Photoshop nicht verwenden können oder wollen (oder wenn Sie Gimp bevorzugen, rastern PSD-Schriftarten).

Zum Beispiel können Sie versuchen, diese html5 PSD font online Extractor "Get PSD Fonts".

Es ist ein PSD font information Extractor basierend auf Melitingice Github project psd.js, für das keine Dateien hochgeladen werden müssen, die lokal auf Ihrer Browserseite arbeiten

 -1
Author: Giovazz89,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2016-05-09 13:50:09