나는 이것을 .psd
(Photoshop 파일) 가지고 있으며 HTML 및 CSS로 변환하려고합니다.
내가 결정할 수없는 것은 그들이 사용한 글꼴입니다. .psd
Photoshop 파일에서 어떤 글꼴이 사용되었는지 어떻게 알 수 있습니까?
답변
정보 추출 방법에 따라 다릅니다.
섹션 또는 텍스트 영역 당
텍스트 도구 ( 세리프가있는 T 아이콘)를 선택하고 텍스트 영역을 클릭하여 편집하십시오. 문자 창에서 어떤 글꼴이 사용되고 있는지 보여줍니다.
한눈에 사용되는 모든 글꼴
- 이미지 문서를 PDF로 저장 또는 내보내기
- Adobe Reader에서 PDF 버전을 엽니 다
- 파일 → 속성 → 글꼴을 선택하십시오.
이 것 사용되는 모든 임베드 폰트 목록 당신이 그들을 포함 할 수 있습니다 제공, 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 진 덤프를 검사하고 파일 형식 스펙을 사용하여 글꼴을 찾을 수 있습니다.
또는 strings
Linux / Unix 시스템에 있는 유틸리티 의 출력에 글꼴 이름이 표시되어야 합니다.
답변
PS 스크립트를 사용하면 PSD 레이어를 반복하고 텍스트 레이어 데이터를 가져올 수 있습니다.
최근에 JavaScript 기반 스크립트를 실험하여 개발자에게 제공되는 구성 요소에 글꼴 정보를 직접 오버레이했습니다. 아직 끝나지 않았지만 여전히 관심이 있다면 (이것은 꽤 오래된 것입니다) 창에 사용 된 글꼴을 팝업하는 빠르고 더러운 버전을 넣을 수 있습니다.
업데이트 : 나는 개발중인 스크립트의 거칠지 만 작동하는 “lite”버전을 모았습니다. https://github.com/davidklaw/completer 에 기고 하십시오 . 스크립트에 익숙하지 않은 사용자는 스크립트 파일을 가져 와서 PS Presets / Scripts 폴더에 넣고 File-> Scripts에서 사용할 수 있습니다.
답변
빠진 글꼴을 찾는 빠르고 쉬운 방법
-
Windows-> 문자 작은 문자 상자에 글꼴 정보가 표시됩니다.
-
글꼴 이름 드롭 다운을 선택하고 끝까지 아래로 스크롤하십시오.
-
글꼴 목록 끝에 누락 된 글꼴 목록이 밝은 회색으로 표시됩니다.
: http://www.bala-krishna.com/how-to-find-fonts-used-in-psd-file/
답변
텍스트가 이미 래스터 화 된 경우 쉽게 식별 할 수있는 서체를 사용하여 영역을 자르고 .png로 저장 한 후 WhatTheFont에 업로드하여 텍스트가 무엇인지 알 수 있어야합니다. 모호하거나 맞춤형입니다.
Identifont 는 서체의 특성을 설명하는 또 다른 사이트입니다.
답변
필요한 텍스트를 찍어 (바람직하게 확대), WhatTheFont 를 사용 하여 추측합니다. (PSD를 열고 해당 텍스트를 선택할 때 서체가 보이지 않습니까?)
물론 웹에 안전한 글꼴이 아닌 경우이를 대체하거나 대체 스택을 제공하는 적절한 방법을 찾아야합니다.