WebFont - 개요

WebFont는 텍스트를 SVG로 변환하고 SVG 글꼴 빌드, 글꼴 변환, 서브셋 생성, 글리프 내보내기 및 웹 글꼴 패키지 출력을 지원하는 로컬 macOS 도구입니다.

WebFont는 실제 웹 글꼴 제작 작업을 위해 설계되었습니다. 텍스트를 SVG 윤곽선으로 변환하고, 윤곽선 SVG로 아이콘 글꼴을 만들고, 정적 TrueType 기반 원본 글꼴을 편집하고, 서브셋을 생성하고, 글꼴 형식을 변환하고, 브라우저에서 바로 사용할 출력을 패키징할 수 있습니다.

핵심 기능

텍스트를 SVG로 변환: 불러온 글꼴로 단어, 구절 및 여러 줄의 텍스트를 SVG 윤곽선 경로로 변환합니다.
글꼴 빌더: 윤곽선 SVG 글리프 그래픽으로 단색 또는 컬러 아이콘 및 웹 글꼴을 만듭니다.
원본 글꼴 편집: 정적 TrueType 기반 원본 글꼴에 SVG 글리프를 추가하거나 기존 Unicode 글리프를 교체합니다.
사전 검사: Unicode 충돌, 중복 글리프 이름, 빈 경로, 비정상 SVG 크기, 메트릭 문제, 지원하지 않는 SVG 기능 및 지나치게 복잡한 글리프를 보고합니다.
프로젝트 파일: 원본 글꼴 데이터, SVG 글리프, 빌드 설정, 출력 옵션 및 교체 대상이 포함된 .webfontproject 패키지를 저장하고 다시 엽니다.
글꼴 변환: 단일 파일 또는 일괄 작업으로 TTF, OTF, WOFF, WOFF2 간 변환을 수행하며, 지원되는 정적·가변 윤곽선 변환도 포함합니다.
서브셋 생성: TrueType, CFF/CFF2, 가변 글꼴, 컬러 글꼴(선택한 TTC/OTC 페이스 포함)에서 원본 윤곽선을 유지한 TTF/OTF, WOFF, WOFF2 서브셋을 만듭니다.
정적 글꼴 인스턴스: Export 패널의 Variable Font 섹션에서 "모든 축 유지"를 선택하거나, "정적 인스턴스"로 축 값을 Font Subset 및 Web Package 출력에 적용합니다.
웹 패키지 출력: fonts/, @font-face와 unicode-range가 포함된 CSS, demo.html을 생성합니다. Font Builder 패키지에는 metadata.json도 포함됩니다.
글리프 에셋 내보내기: 선택한 글리프를 SVG, PNG, PDF로 내보냅니다.

처리 방식

Mac에서 로컬로 처리합니다.
계정 로그인이 필요하지 않습니다.
클라우드 변환 단계가 필요하지 않습니다.
WebFont는 선택한 위치에만 결과를 저장합니다.

현재 제한 사항

Font Builder의 SVG 입력은 윤곽선으로 변환된 정적 그래픽이어야 하며 편집 가능한 텍스트, 래스터 이미지, 필터, 마스크, 스크립트, 애니메이션 또는 외부 리소스를 포함하면 안 됩니다.
Font Builder의 원본 글꼴 편집은 정적 TrueType 기반 글꼴을 지원합니다.
한 번에 불러온 원본 글꼴 하나 또는 선택한 TTC/OTC 페이스 하나의 서브셋만 생성합니다.
서브셋 출력은 원본 윤곽선 형식을 유지합니다(TrueType → .ttf, CFF/CFF2 → .otf). WOFF/WOFF2는 웹 글꼴 컨테이너입니다.
텍스트를 SVG로 변환할 때는 불러온 글꼴의 모든 가변 축을 제공하고 지원되는 컬러 글리프를 유지하지만, 새 글꼴이나 정적 인스턴스를 만들지는 않습니다.

키보드 단축키

떨어진 글리프 다중 선택: Command + Click
범위 선택: Shift + Click
선택한 글리프 미리보기: Space
모든 글리프 선택: Command + A
현재 데이터 집합에서 선택한 글리프 제거: Delete