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 윤곽선 서브셋을 TTF, WOFF, WOFF2로 만듭니다.
• 웹 패키지 출력: fonts/, @font-face와 unicode-range가 포함된 CSS, demo.html 및 메타데이터를 생성합니다.
• 글리프 에셋 내보내기: 선택한 글리프를 SVG, PNG, PDF로 내보냅니다.

처리 방식

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

현재 제한 사항

• Font Builder의 SVG 입력은 윤곽선으로 변환된 정적 그래픽이어야 하며 편집 가능한 텍스트, 래스터 이미지, 필터, 마스크, 스크립트, 애니메이션 또는 외부 리소스를 포함하면 안 됩니다.
• Font Builder의 원본 글꼴 편집은 정적 TrueType 기반 글꼴을 지원합니다.
• 한 번에 불러온 원본 글꼴 하나의 서브셋만 생성합니다.
• 서브셋 출력은 현재 TrueType 윤곽선 글꼴을 지원합니다.
• 불러온 글꼴에 굵기 축이 있으면 텍스트를 SVG로 변환할 때 가변 굵기를 사용할 수 있지만 새 가변 글꼴을 만들지는 않습니다.

키보드 단축키

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