콘텐츠로 건너뛰기

WebFont/macOS 앱

폰트 작업에 집중하세요
글리프를 내보내고 서브셋을 만들어 웹용 폰트를 배포하세요

WebFont는 글리프를 SVG로 내보내고 몇 초 만에 폰트 서브셋을 만드는 macOS 앱입니다.


작업 흐름

SVG로 글꼴을 만들고 텍스트로 서브셋을 생성하세요.

텍스트 윤곽선 내보내기, SVG 글꼴 빌드, 원본 글꼴 교체, 서브셋, 변환, 검증, 웹 패키지 생성을 하나의 로컬 macOS 작업 흐름으로 통합합니다.

텍스트와 글리프 그래픽 만들기

단어, 구절, 여러 줄 텍스트를 SVG 윤곽선으로 바꾸거나 아이콘 및 웹 글꼴용 윤곽선 SVG를 준비하세요.

글꼴 빌드 또는 편집

SVG 글리프로 새 글꼴을 만들거나 정적 TrueType 원본을 가져와 Unicode 글리프를 추가하고 교체하세요.

검사하고 출력 배포하기

사전 검사와 글꼴 검증 후 TTF, WOFF, WOFF2, CSS, 데모 HTML, 메타데이터 또는 글리프 에셋을 내보내세요.


기능

현재 앱에서 가능한 작업

텍스트를 SVG 윤곽선으로

불러온 글꼴로 텍스트를 SVG 경로로 변환하고 크기, 가변 굵기, 자간, 줄 높이, 줄바꿈 너비, 정렬, 여백, 색상, 대체 글꼴을 조절하세요.

단어와 문장
가변 굵기
SVG 복사 또는 저장
글꼴 빌더

윤곽선 SVG로 아이콘 및 웹 글꼴을 만들고 Unicode와 이름을 지정한 뒤 TTF, WOFF, WOFF2, CSS, 데모 HTML, 메타데이터를 내보내세요.

SVG 글리프
아이콘 글꼴
웹 글꼴
원본 글꼴 편집

정적 TrueType 원본을 가져와 SVG 글리프를 추가하거나 기존 Unicode 글리프를 교체하며 ID를 안정적으로 유지합니다.

글리프 추가
Unicode 글리프 교체
안정적인 글리프 ID
사전 검사

내보내기 전에 Unicode 충돌, 중복 이름, 빈 경로, 비정상 크기, 메트릭 문제, 미지원 SVG 기능, 과도한 복잡도를 보고합니다.

빨강·노랑·초록 상태
SVG 검사
글꼴 메트릭
프로젝트 파일과 템플릿

원본 글꼴 데이터, SVG 글리프, 빌드 설정, 출력 옵션, 교체 대상을 .webfontproject에 저장합니다. 그리기 전 안내선 SVG 템플릿을 내보내세요.

.webfontproject
포함된 글꼴 데이터
SVG 템플릿
서브셋 생성

선택한 글리프, 붙여 넣은 텍스트, .txt 파일, 일반·일본어·한국어 Unicode 프리셋으로 작은 TrueType 윤곽선 서브셋을 만듭니다.

텍스트 입력
Unicode 프리셋
TTF WOFF WOFF2
형식 변환

단일 또는 일괄 작업으로 TTF, OTF, WOFF, WOFF2를 변환합니다. Google WOFF2가 인코딩과 디코딩을 지원합니다.

TTF OTF WOFF WOFF2
일괄 대기열
로컬 처리
웹 패키지와 검증

fonts/, unicode-range 포함 @font-face CSS, demo.html, metadata.json, 글리프 미리보기, HTML 코드를 생성하고 파싱, 테이블, cmap 범위, 중복 Unicode, WOFF/WOFF2 왕복 변환을 검증합니다.

CSS 및 데모 HTML
metadata.json
왕복 변환 검사

용도

실제 글꼴 제작 작업

아이콘 글꼴 제작

윤곽선 SVG로 아이콘 글꼴을 만들고 Unicode 매핑, 사전 검사 후 브라우저용 패키지를 내보냅니다.

텍스트 그래픽과 레터링

단어, 구절, 여러 줄 문구를 로고, 문서, 전달물, 포스터, SVG 디자인 에셋용 글꼴 윤곽선으로 변환합니다.

웹 글꼴 최적화

글리프나 텍스트로 서브셋을 만들고 필요한 OpenType 기능과 웹 글꼴 형식만 배포합니다.

글꼴 출시 검사

생성한 TTF, WOFF, WOFF2를 검증하고 cmap 범위, 경고, 데모 페이지를 배포 전에 확인합니다.


지원 범위

명확한 규칙, 안전한 출력

WebFont는 임의로 변경하지 않고 동작을 명확히 알립니다. 미지원 SVG와 글꼴 기능을 보고해 배포용 글꼴을 만들기 전에 수정할 수 있습니다.

  • 글꼴 빌더는 정적 윤곽선 SVG만 지원하며 편집 가능한 텍스트, 래스터, 필터, 마스크, 스크립트, 애니메이션, 외부 리소스는 제외합니다.
  • 원본 편집은 정적 TrueType 글꼴을 지원합니다.
  • 한 번에 원본 글꼴 하나의 서브셋을 생성하며 TrueType 윤곽선 출력을 지원합니다.
  • 텍스트를 SVG로 변환할 때 대체 글꼴을 차단하여 불러온 글꼴에 충실한 윤곽선을 유지할 수 있습니다.
  • 모든 처리는 Mac에서 로컬로 실행되며 글꼴 파일을 업로드하지 않습니다.