Photoshop 파일에 사용 된 모든 글꼴 찾기 .psd(Photoshop 파일) 가지고

나는 이것을 .psd(Photoshop 파일) 가지고 있으며 HTML 및 CSS로 변환하려고합니다.

내가 결정할 수없는 것은 그들이 사용한 글꼴입니다. .psd

Photoshop 파일에서 어떤 글꼴이 사용되었는지 어떻게 알 수 있습니까?



답변

정보 추출 방법에 따라 다릅니다.

섹션 또는 텍스트 영역 당

텍스트 도구 ( 세리프가있는 T 아이콘)를 선택하고 텍스트 영역을 클릭하여 편집하십시오. 문자 창에서 어떤 글꼴이 사용되고 있는지 보여줍니다.

한눈에 사용되는 모든 글꼴

  1. 이미지 문서를 PDF로 저장 또는 내보내기
  2. Adobe Reader에서 PDF 버전을 엽니 다
  3. 파일 → 속성 → 글꼴을 선택하십시오.

이 것 사용되는 모든 임베드 폰트 목록 당신이 그들을 포함 할 수 있습니다 제공, PSD 파일에 있습니다.

누락 된 글꼴

문자 도구에서 글꼴 선택 드롭 다운으로 이동하십시오. 목록의 끝에는 이미지에서 사용되지만 시스템에서 누락 된 글꼴이 있습니다. 이들은 일반적으로 회색으로 표시됩니다.

래스터 화 된 이미지

서체가 필요한 래스터 화 된 이미지가 보이면 해당 섹션 만 선명한 독립형 이미지로 내보내고 서체 정의 와 같은 서비스를 사용 하여 서체 를 결정하는 것이 가장 좋습니다 .


답변

이 스크립트를 Photoshop> 사전 설정> 스크립트 폴더에 새 파일로 저장하십시오. “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 스크립트를 사용하면 PSD 레이어를 반복하고 텍스트 레이어 데이터를 가져올 수 있습니다.

최근에 JavaScript 기반 스크립트를 실험하여 개발자에게 제공되는 구성 요소에 글꼴 정보를 직접 오버레이했습니다. 아직 끝나지 않았지만 여전히 관심이 있다면 (이것은 꽤 오래된 것입니다) 창에 사용 된 글꼴을 팝업하는 빠르고 더러운 버전을 넣을 수 있습니다.

업데이트 : 나는 개발중인 스크립트의 거칠지 만 작동하는 “lite”버전을 모았습니다. https://github.com/davidklaw/completer 에 기고 하십시오 . 스크립트에 익숙하지 않은 사용자는 스크립트 파일을 가져 와서 PS Presets / Scripts 폴더에 넣고 File-> Scripts에서 사용할 수 있습니다.


답변

빠진 글꼴을 찾는 빠르고 쉬운 방법

  1. Windows-> 문자 작은 문자 상자에 글꼴 정보가 표시됩니다.

  2. 글꼴 이름 드롭 다운을 선택하고 끝까지 아래로 스크롤하십시오.

  3. 글꼴 목록 끝에 누락 된 글꼴 목록이 밝은 회색으로 표시됩니다.

여기에 이미지 설명을 입력하십시오

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


답변

텍스트가 이미 래스터 화 된 경우 쉽게 식별 할 수있는 서체를 사용하여 영역을 자르고 .png로 저장 한 후 WhatTheFont에 업로드하여 텍스트가 무엇인지 알 수 있어야합니다. 모호하거나 맞춤형입니다.

Identifont 는 서체의 특성을 설명하는 또 다른 사이트입니다.


답변

필요한 텍스트를 찍어 (바람직하게 확대), WhatTheFont 를 사용 하여 추측합니다. (PSD를 열고 해당 텍스트를 선택할 때 서체가 보이지 않습니까?)

물론 웹에 안전한 글꼴이 아닌 경우이를 대체하거나 대체 스택을 제공하는 적절한 방법을 찾아야합니다.