글꼴을 PNG로 변환

글꼴 미리보기, 상품 설명, 디자인 시안, 게시글에 쓰려고, 또는 내려받은 서체를 설치하기 전에 어떻게 보이는지 확인하려고 글꼴 그림이 필요하셨나요? 이 도구는 TTF, OTF, WOFF, WOFF2 파일을 페이지에 불러와 원하는 글자, 전체 문자 격자, 크기별 폭포식 중 하나를 원하는 색과 투명 또는 단색 배경의 PNG로 그립니다. 글꼴의 패밀리, 스타일, 버전, 글리프 수도 읽고, 글꼴에 없는 문자도 알려 줍니다.

사용 방법

1. 글꼴 파일을 하나 이상 고르거나 기기에 설치된 글꼴 이름을 입력합니다.
2. 원하는 글자, 글리프 시트, 크기별 폭포식 중에서 고르고 글자를 편집합니다.
3. 글자 크기, 색, 배경, 안쪽 여백, 줄 간격을 정합니다.
4. PNG를 받습니다. 글꼴이 여러 개면 이미지도 여러 개입니다.

계산식

글리프 시트: 칸 = 1.5 × 글자 크기, 열 = 16, 너비 = 2 × 안쪽 여백 + 16 × 칸, 높이 = 2 × 안쪽 여백 + 행 수 × 칸. 글자: 각 줄을 글꼴의 어센트와 디센트로 재고 줄 간격 × 크기로 배치합니다.

글꼴은 브라우저의 FontFace API로 불러와 이 페이지에서만 쓰고 끝나면 제거합니다. 패밀리, 스타일, 버전은 글꼴의 name 테이블에서, 글리프 수는 maxp에서, 문자 목록은 cmap(형식 4와 12)에서 가져오며, WOFF 테이블은 먼저 압축을 풉니다. WOFF2는 Brotli로 압축되어 있어 브라우저가 글꼴을 그릴 수는 있어도 테이블은 읽을 수 없습니다.

예시

48 px 글리프 시트의 칸은 48 × 1.5 = 72 px입니다. 인쇄 가능한 ASCII 문자 94개는 16열 6행을 채우므로, 안쪽 여백 20 px이면 PNG의 너비는 2 × 20 + 16 × 72 = 1,192 px, 높이는 2 × 20 + 6 × 72 = 472 px입니다. 악센트 있는 라틴 문자(188자)를 더하면 12행이 되어 높이는 904 px입니다.