폰트 서브셋 만들기

Font Subsetter

TrueType 폰트에서 실제로 쓰는 글자만 남기고 WOFF로도 싸 줍니다. 한글 웹폰트에서 4MB와 90KB를 가르는 작업입니다.

TrueType 글꼴을 페이지가 실제로 쓰는 글자만 남기고 잘라, 남은 것으로 정상적인 파일을 다시 만듭니다. 한글에서는 이것이 수 메가바이트와 수백 킬로바이트의 차이입니다. 완전한 한글 글꼴은 음절 11,172자를 담고 있는데 한 페이지가 쓰는 것은 수백 자이기 때문입니다. TTF와 함께 WOFF도 만들 수 있고, 만든 파일은 다시 읽어 확인한 뒤에만 내줍니다.

🔒 브라우저 안에서만 처리fontsubsetperformancewebfont

TTF 파일 놓기

TrueType 외곽선 글꼴(.ttf, glyf 테이블이 있는 .otf)만 됩니다. 이 탭 안에서만 처리합니다.

어떻게 자르는지

· 남길 글자의 글리프와, 그 글리프가 참조하는 부품 글리프(합성 글리프의 폐포)까지 남기고 glyf·loca·hmtx·hhea·maxp·cmap(형식 4+12)·post를 다시 씁니다. 테이블 체크섬과 head.checkSumAdjustment도 다시 계산합니다.
· 만든 파일은 같은 파서로 다시 읽어 확인한 뒤에만 내려받게 합니다. 힌팅 프로그램(fpgm·prep·cvt)은 그대로 둡니다.
· 글자를 빠뜨리면 그 자리는 네모로 나옵니다. 페이지의 실제 텍스트를 넣거나, 한국어라면 KS X 1001 2,350자를 켜는 것이 안전합니다.

글꼴 정보를 먼저 보려면 폰트 미리보기·정보, 형식만 바꾸려면 폰트 형식 변환을 쓰세요.

사용 방법

TrueType 파일을 놓습니다
`.ttf`, 또는 안이 TrueType 외곽선인 `.otf`입니다. 파일을 열자마자 어느 쪽인지 표시됩니다. CFF 글꼴은 여기서 서브셋을 만들 수 없기 때문입니다.
페이지에 쓰는 글을 붙여넣습니다
실제 문구를 그대로 복사하세요. 제목, 라벨, 버튼 글자, 오류 메시지까지. 중복은 알아서 걸러집니다. 빠뜨린 글자는 실제 페이지에서 네모로 나오므로 넉넉히 넣는 쪽이 안전합니다.
자기 텍스트로 갈지 표준 집합으로 갈지 정합니다
진짜 결정은 여기입니다. 자기 텍스트만 넣으면 파일이 가장 작지만, 누군가 입력란에 이름을 치는 순간 깨집니다. KS X 1001 2,350자를 켜면 파일은 커지지만 임의의 한국어 입력을 버팁니다. 고정된 마케팅 문구는 앞쪽, 사용자 입력이 들어가는 곳은 뒤쪽입니다.
만들고 숫자를 읽습니다
글리프 수와 바이트 수가 전후로 나오고 줄어든 비율이 함께 나옵니다. 요청한 글자 중 글꼴에 없는 것이 있으면 조용히 빼지 않고 목록으로 보여 줍니다.
파일과 옆의 @font-face를 함께 가져갑니다
선언은 글꼴 자신의 OS/2와 post 테이블에서 읽은 굵기와 기울기로 만들어집니다. 추측이 아니라 파일에 맞춘 값입니다.

자주 묻는 질문

OTF를 왜 거부하나요?

그 파일이 CFF(PostScript) 외곽선이기 때문입니다. CFF 서브셋은 다른 외곽선 형식의 charstring을 다시 쓰는 일이라, TrueType `glyf` 레코드를 잘라내는 이 도구와는 별개의 프로그램입니다. 깨진 파일을 만드는 대신 그렇다고 말합니다. 데스크톱에서 fonttools의 pyftsubset을 쓰세요. 정보 보기는 그대로 됩니다.

커닝과 합자는 남나요?

남지 않습니다. `GPOS`와 `GSUB`는 빠지고, 뺐다는 사실이 목록으로 표시됩니다. 라틴 문자라면 서브셋에 커닝 쌍과 합자가 없다는 뜻이고, 한국어에서는 대개 문제가 되지 않습니다. 한글 조합은 글리프 자체에 들어 있기 때문입니다. 커닝이 중요하다면 그 테이블을 다시 쓸 수 있는 fonttools로 서브셋을 만드세요.

가변 글꼴은 어떻게 되나요?

기본 인스턴스로 나옵니다. 가변 관련 테이블은 넘어가지 않습니다. 서브셋은 작업 파일이 아니라 배포용 산출물이므로 대개 문제가 없지만, 축을 쓰고 있었다면 실제로 쓰는 정적 인스턴스를 서브셋하세요.

WOFF2도 만들 수 있나요?

못 만듭니다. WOFF2는 Brotli가 필요한데 브라우저가 페이지에 Brotli를 내주지 않습니다. WOFF는 `CompressionStream("deflate")`로 만들 수 있고 보통 TTF에서 40~50%를 더 줄입니다. WOFF2는 거기서 다시 20~30% 정도인데, 그건 데스크톱 도구가 필요합니다.