폰트 미리보기·정보
Font Inspector
폰트 파일을 열어 블록별 글리프 범위·한글 음절 수·굵기·가변 축·임베딩 허용 여부와 라이선스 이름 정보를 보여 줍니다.
글꼴 파일을 열어 안에 무엇이 있는지 보여 줍니다. 이름 기록, 라이선스와 삽입 허용 여부, 치수, 가변 축, 그리고 어떤 유니코드 영역을 얼마나 덮는지입니다. 샘플 문구는 브라우저의 FontFace로 그 파일을 직접 등록해 그리므로, 보이는 것이 그 글꼴 자체이지 그림이 아닙니다. 어디에도 올라가지 않습니다.
TTF · OTF · WOFF 파일 놓기
이 탭 안에서만 읽습니다. 글꼴 파일은 어디에도 올라가지 않습니다.
name·head·hhea·OS/2·post·maxp·cmap·fvar 테이블을 읽습니다. 샘플은 브라우저의 FontFace로 파일을 등록해 실제 글꼴로 그립니다. TTC는 첫 번째 글꼴을 읽고, WOFF는 폰트 형식 변환에서 TTF로 푼 뒤 넣으세요. WOFF2는 브라우저가 페이지에 Brotli를 내주지 않아 읽을 수 없습니다.사용 방법
파일을 놓습니다
TTF, OTF, WOFF가 됩니다. TTC는 첫 번째 글꼴만 읽습니다. 전부 이 탭 안에서 일어납니다.
무엇보다 문자 범위를 먼저 봅니다
한글 음절 줄이 이 글꼴로 한국어를 쓸 수 있는지를 가릅니다. 11,172자면 완전하고, 2,350자면 KS X 1001 집합이고, 수백 자면 다른 용도로 서브셋된 파일입니다. 나머지 영역은 통화 기호·화살표·CJK 문장 부호에 대해 같은 질문에 답하는데, 글꼴에 뭔가 빠져 있다는 사실은 대개 거기서 드러납니다.
라이선스 기록을 읽습니다
name 테이블에 디자이너, 저작권, 라이선스 문구, 그리고 대개 URL이 들어 있고, OS/2 fsType이 제작사가 허용한 삽입 범위를 말해 줍니다. 디스크에 있는 글꼴이 실제로 무엇을 허용하는지, 서버에 올라가기 전에 확인하는 가장 빠른 방법입니다.
샘플에 자기 문구를 넣습니다
준비된 샘플 셋이 한글·영문·섞인 줄을 다섯 가지 크기로 보여 줍니다. 숫자가 나란한지, 문자가 섞인 줄이 한 기준선 위에 앉는지, 작은 크기가 버티는지는 자기 문자열을 넣어야 보입니다.
자주 묻는 질문
WOFF2가 왜 안 열리나요?
WOFF2는 Brotli 압축인데 웹 플랫폼은 페이지에 Brotli 인코더도 디코더도 내주지 않습니다. `CompressionStream`에는 deflate와 gzip밖에 없습니다. 그래서 브라우저 안에서 도는 도구는 이것을 포함해 어느 것도 읽을 수 없습니다. 데스크톱에서 `woff2_decompress`나 fonttools로 변환하거나 원본 TTF를 쓰세요.
샘플이 제 글꼴로 안 보입니다
그럴 때는 패널 설명에 적힙니다. 파서는 파일을 읽었는데 브라우저의 FontFace가 등록을 거부한 것이고, 브라우저가 준 메시지를 그대로 보여 줍니다. 보통은 파서는 넘어가고 폰트 엔진은 넘어가지 않는 방식으로 파일이 손상된 경우입니다. 테이블 체크섬이 깨졌거나 엔진이 거부하는 sfnt 구조이거나.
모든 OpenType 테이블을 읽나요?
아닙니다. `name`·`head`·`hhea`·`OS/2`·`post`·`maxp`·`cmap`(형식 0·4·6·12)·`fvar`·`loca`·`glyf`를 읽습니다. 커닝과 합자, 문자별 기능이 들어 있는 레이아웃 테이블 `GSUB`·`GPOS`는 목록에만 나오고 해석하지 않습니다. 그래서 이 글꼴이 어떤 OpenType 기능을 지원하는지는 여기서 알 수 없습니다.
가변 글꼴 미리보기가 움직이지 않습니다
샘플은 기본 인스턴스로 그립니다. 축은 범위와 기본값까지 목록으로 나오므로 `font-variation-settings`를 직접 쓸 수 있지만, 이 페이지에 축 슬라이더는 없습니다. 축을 읽는 일과 축을 움직여 보는 일은 다른 작업이고 여기 있는 것은 앞쪽입니다.
이 도구로 이어지는 것
폰트 조합 추천
Font Pairing
시스템 글꼴 스택으로 제목용·본문용 글꼴 조합을 제안하고 직접 입력한 한글·영문으로 미리 본 뒤 CSS를 줍니다.
폰트 서브셋 만들기
Font Subsetter
TrueType 폰트에서 실제로 쓰는 글자만 남기고 WOFF로도 싸 줍니다. 한글 웹폰트에서 4MB와 90KB를 가르는 작업입니다.
폰트 형식 변환
Font Converter
TTF·OTF와 WOFF를 브라우저 안에서 양방향 변환하고 알맞은 @font-face 규칙을 만듭니다. WOFF2는 Brotli가 필요해 다루지 않고 데스크톱 도구를 안내합니다.
SVG 편집기 · 해설
SVG Editor and Explainer
SVG를 실시간 미리보기 옆에서 고치면서 파일을 해설합니다. viewBox와 확대, 변환, 경로 명령, 상속된 채색, 낭비되는 바이트, <img>·데이터 URI·인라인에서 무엇이 깨지는지 알려 줍니다.
다음 단계
이 도구의 결과를 그대로 받을 수 있는 도구들입니다.
폰트 형식 변환
Font Converter
TTF·OTF와 WOFF를 브라우저 안에서 양방향 변환하고 알맞은 @font-face 규칙을 만듭니다. WOFF2는 Brotli가 필요해 다루지 않고 데스크톱 도구를 안내합니다.
폰트 조합 추천
Font Pairing
시스템 글꼴 스택으로 제목용·본문용 글꼴 조합을 제안하고 직접 입력한 한글·영문으로 미리 본 뒤 CSS를 줍니다.
폰트 서브셋 만들기
Font Subsetter
TrueType 폰트에서 실제로 쓰는 글자만 남기고 WOFF로도 싸 줍니다. 한글 웹폰트에서 4MB와 90KB를 가르는 작업입니다.
색상 선택기
Colour Picker
OKLCH 좌표판에서, 화면 스포이드로, 또는 업로드한 이미지에서 색을 고르고 원하는 표기법으로 복사합니다.
화면 비율 계산기
Aspect Ratio Calculator
목표 비율에 맞는 나머지 한 변을 계산하고 해당하는 표준 규격을 알려 줍니다.
이미지 배경 제거
Background Remover
단색이나 균일한 배경을 OKLab에서 키잉해 투명한 PNG로 만들고, 브러시로 경계를 다듬을 수 있습니다.