WebFont/macOS 앱
폰트 작업에 집중하세요
SVG로 폰트를 만들고 서브셋·형식 변환 후 웹용 폰트로 배포하세요
WebFont는 텍스트를 SVG로 변환하고, SVG 아트워크로 아이콘·컬러 폰트를 만들고, 서브셋과 형식 변환, 웹 폰트 패키지 생성을 로컬에서 처리하는 macOS 앱입니다.
SVG로 글꼴을 만들고 텍스트로 서브셋을 생성하세요.
텍스트 윤곽선 내보내기, SVG 글꼴 빌드, 원본 글꼴 교체, 서브셋, 변환, 검증, 웹 패키지 생성을 하나의 로컬 macOS 작업 흐름으로 통합합니다.
텍스트와 글리프 그래픽 만들기
단어, 구절, 여러 줄 텍스트를 사용 가능한 모든 가변 축으로 SVG 윤곽선으로 변환하거나, 아이콘 및 웹 글꼴용 윤곽선 SVG를 준비하세요. 지원되는 컬러 글리프는 원래 색을 유지합니다.
글꼴 빌드 또는 편집
SVG 글리프로 새 글꼴을 만들거나 정적 TrueType 원본을 가져와 Unicode 글리프를 추가하고 교체하세요.
검사하고 출력 배포하기
사전 검사를 실행하고 생성된 글꼴을 검증한 뒤 TTF, WOFF, WOFF2, 글리프 에셋 또는 CSS·데모 HTML·메타데이터가 포함된 웹 패키지를 내보내세요.
현재 앱에서 가능한 작업
텍스트를 SVG 윤곽선으로
불러온 글꼴로 텍스트를 SVG 경로로 바꿉니다. 크기, 사용 가능한 모든 가변 축, 자간, 행간, 줄바꿈 너비, 정렬, 여백, 대체 글꼴을 조절할 수 있습니다. 지원되는 벡터 컬러 글리프는 원래 색을 유지하고, 비트맵 컬러 글리프는 PNG로 포함하며, 단색 아트워크에는 선택한 채우기 색을 사용합니다. 텍스트를 SVG로 변환할 때는 정적 폰트 인스턴스를 내보내지 않습니다.
글꼴 빌더
정적 SVG 아트워크로 단색 또는 컬러 글꼴을 만듭니다. 컬러 모드는 지원되는 채우기, 선, 선형/방사형 그라데이션, 불투명도를 COLR/CPAL로 유지하고, 지원되는 그라데이션/효과 글리프에는 SVG 폴백을 제공합니다. 밝은 배경용 또는 어두운 배경용 팔레트를 추가하고 TTF, WOFF, WOFF2 또는 웹 패키지로 내보낼 수 있습니다.
원본 글꼴 편집
지원되는 정적·비컬러 TrueType 글꼴을 가져와 SVG 글리프를 추가하거나 기존 Unicode 글리프를 바꿉니다. 글리프 ID는 유지됩니다.
사전 검사
내보내기 전에 Unicode 충돌, 중복 이름, 빈 경로, 비정상 크기, 메트릭 문제, 미지원 SVG 기능, 과도한 복잡도를 보고합니다.
프로젝트 파일과 템플릿
원본 글꼴 데이터, SVG 글리프, 빌드 설정, 출력 옵션, 교체 대상을 .webfontproject에 저장합니다. 그리기 전 안내선 SVG 템플릿을 내보내세요.
서브셋 생성
선택한 글리프, 붙여 넣은 텍스트, .txt 파일 또는 Unicode 프리셋으로 서브셋을 만듭니다. TTF, OTF/CFF/CFF2, WOFF, WOFF2 및 선택한 TTC/OTC 페이스를 지원하며 가변·컬러 글꼴도 처리합니다. 원본 윤곽선을 유지한 TTF/OTF, WOFF, WOFF2로 내보내거나 Export 패널에서 정적 인스턴스를 적용할 수 있습니다.
웹 폰트 변환
WOFF/WOFF2 패키징과 해제는 원래 윤곽선, 가변 축, 컬러 데이터를 유지합니다. 명시적인 TTF/OTF 대상은 지원되는 정적 TrueType ↔ CFF와 가변 TrueType(glyf/gvar) ↔ CFF2를 변환하며 지원되는 COLR v0/v1 및 OpenType-SVG 컬러 데이터도 유지합니다. 제한 사항은 아래 표를 확인하세요.
웹 패키지와 검증
폰트 파일, @font-face CSS, demo.html을 내보냅니다. Font Builder 웹 폰트 패키지에는 metadata.json, 글리프 미리보기, HTML 코드도 포함됩니다. 컬러 데모는 지원 시 팔레트 컨트롤을 제공하며, 정적 인스턴스 내보내기는 일치하는 font-weight/stretch/style CSS를 기록합니다. 출력은 검증되고 웹 형식은 디코드 왕복도 확인합니다. 색상 효과 표시는 대상 브라우저나 앱에 따라 다릅니다.
컬러 글리프 미리보기 및 내보내기
글꼴 형식과 macOS 렌더링이 지원하는 범위에서 원래 색으로 미리봅니다. CBDT PNG 글리프에는 내장 비트맵 리더도 있습니다. 컬러 글리프는 PNG 또는 PDF로 내보낼 수 있습니다. 지원되는 COLR과 OpenType-SVG는 벡터 SVG로 내보내지고, 비트맵이나 SVG로 정확히 표현할 수 없는 효과는 SVG 안의 PNG로 돌아갑니다.
글리프 에셋 내보내기
글리프 목록에서 하나 또는 여러 글리프를 선택해 SVG, PNG, PDF로 내보냅니다. 크기와 전경색을 지정할 수 있으며 지원되는 컬러 글리프는 색을 유지합니다. 가변 글꼴 인스턴스 설정은 글리프 에셋 내보내기에 영향을 주지 않습니다.
실제 글꼴 제작 작업
아이콘 글꼴 제작
윤곽선 SVG로 아이콘 글꼴을 만들고 Unicode 매핑, 사전 검사 후 브라우저용 패키지를 내보냅니다.
텍스트 그래픽과 레터링
단어, 구절, 여러 줄 문구를 로고, 문서, 전달물, 포스터, SVG 디자인 에셋용 글꼴 윤곽선으로 변환합니다.
웹 글꼴 최적화
글리프나 텍스트로 서브셋을 만들고 필요한 OpenType 기능과 웹 글꼴 형식만 배포합니다.
글꼴 출시 검사
생성된 TTF, OTF, WOFF, WOFF2를 검증하고 문자 범위와 경고를 확인한 뒤 데모 페이지를 검토하여 게시하세요.
명확한 규칙, 안전한 출력
WebFont는 임의로 변경하지 않고 동작을 명확히 알립니다. 미지원 SVG와 글꼴 기능을 보고해 배포용 글꼴을 만들기 전에 수정할 수 있습니다.
- 글꼴 빌더는 정적 윤곽선 SVG만 받습니다. 편집 가능한 텍스트, 래스터, 필터, 마스크, 스크립트, 애니메이션, 외부 리소스는 거부합니다. 컬러 모드는 패턴과 지원되지 않는 혼합도 거부합니다.
- 원본 글꼴 직접 편집은 지원되는 정적·비컬러 TrueType 글꼴로 제한됩니다. 글리프를 추가하거나 바꿔도 기존 글리프 ID는 유지됩니다.
- 한 번에 하나의 원본 글꼴 또는 선택한 TTC/OTC 페이스로 서브셋을 만듭니다. 원래 윤곽선, 가변 축, 지원되는 컬러 리소스를 유지합니다.
- 텍스트를 SVG로 변환할 때 지원되는 벡터 컬러 글리프는 유지하고 비트맵 컬러 글리프는 PNG로 포함합니다. 채우기 색은 단색 아트워크에 적용됩니다. 가변 축 컨트롤은 아트워크만 변경하며 정적 폰트 파일을 생성하지 않습니다.
- 모든 처리는 Mac에서 로컬로 실행되며 글꼴 파일을 업로드하지 않습니다.
- 윤곽선 변환은 글리프 ID와 지원되는 COLR v0/v1, CPAL, OpenType-SVG 데이터를 유지합니다. 지원되는 가변 글꼴은 모든 축을 유지합니다. 원래 힌팅은 제거되며 곡선 근사로 표시와 파일 크기가 달라질 수 있습니다. 비트맵 및 호환되지 않는 레이아웃·가변 데이터는 이유와 함께 거부됩니다.
- 컬러 미리보기는 글꼴 형식과 macOS 렌더링 지원에 따라 다릅니다. 지원되는 COLR과 OpenType-SVG는 벡터 SVG로 내보내지고, 비트맵과 정확히 표현할 수 없는 효과는 PNG를 포함합니다. 컬러 데이터를 보존해도 모든 브라우저나 앱에서 표시되는 것은 아닙니다.
- 기본 글리프 목록은 가변 폰트를 기본 인스턴스로 표시하고 축을 식별합니다. Export 패널에서 "모든 축 유지"는 가변 폰트를 내보내고, "정적 인스턴스"는 현재 축 값을 Font Subset 및 Web Package 출력에 적용합니다. 나열되지 않은 축은 기본값으로 고정되며, 폰트 내부의 이름과 굵기/스타일 메타데이터는 다시 쓰지 않습니다.
TTF, OTF 및 웹 폰트 형식 변환 규칙
WOFF/WOFF2는 컨테이너만 바꾸고 윤곽선 형식은 유지합니다. TTF/OTF (original outlines)는 TrueType을 .ttf로, CFF/CFF2를 .otf로 복원합니다. 명시적인 윤곽선 대상은 정적 TrueType ↔ CFF와 조건을 충족하는 가변 TrueType ↔ CFF2를 지원합니다. 윤곽선 형식이 이미 같으면 그대로 출력합니다. 단일 및 일괄 변환 모두 구체적인 실패 이유를 표시하며 일괄 작업은 계속 진행하고 성공·실패 수를 집계합니다. 잘못된 데이터나 형식 제한으로 변환이 실패할 수 있습니다.
| 입력 형식 | 대상 옵션 | 실제 출력 | 지원 상태 | 윤곽선 유형 및 변환 방식 |
|---|---|---|---|---|
| TTF | WOFF / WOFF2 | .woff / .woff2 | 지원 | TrueType 윤곽선을 웹 글꼴로 패키징합니다. 윤곽선 형식, 가변 축, 컬러 데이터를 유지합니다. |
| OTF (CFF/CFF2) | WOFF / WOFF2 | .woff / .woff2 | 지원 | CFF/CFF2 윤곽선을 웹 글꼴로 패키징합니다. 윤곽선 형식, 가변 축, 컬러 데이터를 유지합니다. |
| WOFF / WOFF2 | TTF/OTF (original outlines) | .ttf | 지원 | TrueType 윤곽선을 .ttf로 복원합니다. 윤곽선 형식은 바꾸지 않고 가변 축과 컬러 데이터도 유지합니다. |
| WOFF / WOFF2 | TTF/OTF (original outlines) | .otf | 지원 | CFF/CFF2 윤곽선을 .otf로 복원합니다. 윤곽선 형식은 바꾸지 않고 가변 축과 컬러 데이터도 유지합니다. |
| 정적 TTF | OTF (PostScript outlines) | .otf | 지원 (정적 글꼴) | 정적 TrueType을 CFF로 변환합니다. COLR v0/v1과 OpenType-SVG를 포함합니다. 글리프 ID, 색 레이어, 그라데이션, 팔레트를 유지합니다. 2차 곡선을 3차 곡선으로 올리고 힌팅을 제거합니다. |
| 정적 OTF (CFF) | TTF (TrueType outlines) | .ttf | 지원 (정적 글꼴) | 정적 CFF를 TrueType으로 변환합니다. COLR v0/v1과 OpenType-SVG를 포함합니다. 글리프 ID, 색 레이어, 그라데이션, 팔레트를 유지합니다. 3차 곡선을 2차 곡선으로 근사하고 힌팅을 제거합니다. |
| 가변 TrueType ↔ CFF2 | TTF / OTF | .ttf / .otf | 조건부 지원 | 모든 축과 지원되는 컬러 데이터를 유지하며, 윤곽선 변환 자체는 축 값을 고정하지 않습니다. 고정 축 파일을 내보내려면 Export 패널에서 "정적 인스턴스"를 선택한 뒤 폰트 서브셋 또는 웹 패키지를 생성하세요. 1~16개 축, 최대 48개 윤곽선 변형 영역, 호환되는 마스터 윤곽선과 계산 가능한 변형 데이터가 필요합니다. 검증, 크기 및 좌표 제한도 적용됩니다. CFF2 출력 파일이 크게 늘어날 수 있습니다. |
| 비트맵 컬러 (sbix/CBDT/EBDT) | 윤곽선 상호 변환 | — | 지원 안 함 | 비트맵을 벡터 윤곽선으로 바꾸지 않습니다. 비트맵을 남기려면 원래 윤곽선 내보내기나 웹 패키징을 사용하세요. |
| TTC / OTC | 단일 / 일괄 변환 | — | 지원 안 함 | 메인 창에서 컬렉션의 페이스 하나를 선택한 뒤 서브셋을 만드세요. |
| 지원되지 않는 가변 데이터 | 윤곽선 형식 변경 | — | 지원 안 됨 | VARC 윤곽선, 가변 축이 있는 CFF1, fvar가 없는 CFF2, 호환되지 않는 마스터, 계산할 수 없는 변형 영역 또는 변환 제한을 초과하는 글꼴은 윤곽선 형식을 변경할 수 없습니다. 지원되는 경우 원래 윤곽선 내보내기나 웹 패키징을 사용하세요. |
| 호환되지 않는 레이아웃 | 윤곽선 형식 변경 | — | 지원 안 됨 | 일부 구형 AAT 테이블과 원래 윤곽선 점 번호를 참조하는 레이아웃 데이터는 안전하게 변환할 수 없습니다. 구체적인 이유가 표시됩니다. |