Найти все шрифты, используемые в файле Photoshop

у меня этот .psd (файл Photoshop), и я пытаюсь преобразовать его в HTML и CSS.

единственное, что я не могу определить, какой шрифт они использовали в .psd

Как узнать, какие шрифты использовались в файле Photoshop?

16
задан random
02.02.2023 20:21 Количество просмотров материала 2753
Распечатать страницу

14 ответов

зависит от того, как вы хотите извлекать информацию.

В разделе или текстовой области

Выберите инструмент "Текст" (T значок с засечками) и нажмите на текстовую область, чтобы отредактировать его. Он покажет, какой шрифт используется в окне персонажа.

все шрифты, используемые с первого взгляда

  1. сохранить или экспортировать документ изображения в формате PDF
  2. откройте PDF-версию в Adobe Reader
  3. Выберите Файл → →Свойства Шрифты

Это список всех встраиваемых шрифтов, используемых в файле PSD, при условии, что вы можете вставлять их.

отсутствующие шрифты

в инструменте символов перейдите к раскрывающемуся списку выбор шрифта. В конце списка будут все шрифты, которые используются в изображении, но отсутствуют в вашей системе. Они, как правило, неактивны.

Rastersized изображений

Если вы видите растеризованные изображения, то вам нужна сторона шрифта, вы бы лучше экспортировать только этот раздел в виде четкого, автономного изображения и использовать сервис, как какой шрифт определить шрифт.

62
отвечен random 2023-02-04 04:09

сохранить этот скрипт как новый файл в папке Photoshop > Presets > Scripts. Назовите его как угодно, например " обнаружение шрифтов.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.',);
}

enter image description here

21
отвечен davidcondrey 2023-02-04 06:26

формат файла PSD документирована компания Adobe - вы можете прочитать, как он хранит информацию о шрифте.

затем вы можете изучить шестнадцатеричный дамп файла и использовать спецификацию формата файла для поиска шрифтов.

кроме того, имена шрифтов должны быть видны в выводе strings утилита найдена в системах Linux / Unix.

8
отвечен RedGrittyBrick 2023-02-04 08:43

Это на самом деле очень легко сделать с помощью скриптов PS, которые могут перебирать слои вашего PSD и вытягивать данные текстового слоя.

в последнее время я экспериментировал с JavaScript-скриптом для наложения информации о шрифтах непосредственно на comps, которые доставляются разработчикам. Это не закончено, но если есть еще интерес (я вижу, что это довольно старый), я могу поставить быструю и грязную версию, которая просто всплывает шрифты, используемые в окне.

обновление: Я собрал грубо, но работает "Lite" версия скрипта я разрабатываю. Не стесняйтесь вносить свой вклад -https://github.com/davidklaw/completer. Для тех, кто не знаком со сценариями, просто возьмите файл сценария и поместите его в папку PS Presets/Scripts, и он будет доступен в разделе File -> Scripts.

5
отвечен David 2023-02-04 11:00

быстрый и простой способ найти недостающие шрифты

  1. Windows -> Character маленькое поле символов будет содержать информацию о шрифтах.

  2. выберите раскрывающийся список имя шрифта и прокрутите вниз до конца.

  3. вы заметите список отсутствующих шрифтов светло-серого цвета в конце списка шрифтов.

enter image description here

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

4
отвечен Praveen Vijayan 2023-02-04 13:17

Если текст уже растеризован, проще всего обрезать область шрифтом, который вы хотите идентифицировать, сохранить как .png и загрузить его в WhatTheFont, где он должен быть в состоянии сказать вам, что это такое, если это непонятная или заказ один.

Identifont еще один сайт, который вы можете использовать, где вы описываете характеристики шрифта.

3
отвечен paradroid 2023-02-04 15:34

Я хотел бы взять оснастку текста вам нужно (желательно увеличить) и использовать WhatTheFont В сделать некоторые догадки. (Не должен ли шрифт отображаться при открытии PSD и выборе соответствующего текста?)

и, конечно, если это не веб-безопасный шрифт, вам нужно найти подходящий способ его замены или предоставить резервный стек.

1
отвечен roguesys 2023-02-04 17:51

использовать Creative Cloud Извлечь

Он будет список всех шрифтов, используемых (среди других удобных вещей).

1
отвечен skube 2023-02-04 20:08

Открываем Photoshop. Перейти к Windows " Символ. Появится небольшая коробка. Просто выберите текстовый слой, и окно сообщит вам семейство шрифтов, размер и так далее.

0
отвечен Jack 2023-02-04 22:25

используйте онлайн-инструмент, чтобы получить шрифты psd файла

http://psdfonts.com/

0
отвечен Ahsan Idrisi 2023-02-05 00:42

разработчик спросил меня почти то же самое думаю, как вам нужно. Я придумал простой скрипт для редактирования, чтобы экспортировать свойства слоя (текст, название шрифта, размер шрифта, цвет шрифта) которые вам нужны при разработке, в один txt файл (должен работать на Windows машине).

просто сохраните это как " ExportTexts.js " и поставить в Adobe Photoshop > пресеты > Скрипты.

после этого запустите (или перезапустите) Photoshop и запустите скрипт (File - > Scripts - > 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
0
отвечен van 2023-02-05 02:59

есть бесплатный Photoshop/расширение панелей, который может сделать эту работу за вас, бесплатно детектор шрифтов в Photoshop (http://www.layerhero.com/photoshop-font-detector/), и если вы хотите собрать шрифт/скопировать файлы из папки системы, попробовать фотошоп арт-упаковщик(http://www.layerhero.com/photoshop-art-packer/)

0
отвечен user3110420 2023-02-05 05:16

на вкладке слои есть опция, которая позволяет фильтровать все слои, чтобы показать только шрифты. Вы должны выбрать каждый слой, чтобы увидеть их и это полезно, только если вам нужен быстрый взгляд на них

надеюсь, это поможет кому-то через три года после того, как об этом спросили.

0
отвечен edrpls 2023-02-05 07:33

чтобы получить информацию о шрифтах из PSD-файла, вы можете использовать онлайн-инструменты, если вы не можете или не хотите использовать Photoshop (или если вы предпочитаете использовать Gimp, который растрирует PSD-шрифты).

например, вы можете попробовать этот HTML5 PSD шрифт онлайн экстрактор "получить PSD шрифты".

Это информация о шрифте PSD экстрактор на основе Melitingice на GitHub проекта в формате PSD.js это не требует загрузки файлов, работающих локально на странице вашего браузера

-1
отвечен Giovazz89 2023-02-05 09:50

Постоянная ссылка на данную страницу: [ Скопировать ссылку | Сгенерировать QR-код ]

Ваш ответ

Опубликуйте как Гость или авторизуйтесь

Имя
Вверх