글꼴 빌더

윤곽선 SVG로 아이콘 및 웹 글꼴을 만들거나 정적 TrueType 기반 원본 글꼴에 글리프를 추가하고 교체하세요.

Font Builder는 정돈된 벡터 그래픽으로 예측 가능한 글꼴 제작을 할 수 있도록 설계되었습니다. 지원하지 않는 SVG 및 글꼴 기능을 임의로 변경하지 않고 거부합니다.

SVG로 새 글꼴 만들기

아이콘 그래픽을 글꼴로 배포하려면 다음 과정을 사용하세요.

1. Font Builder를 여세요.
2. 윤곽선으로 변환된 SVG 파일을 글리프 목록에 놓으세요.
3. 글리프 이름과 Unicode 값을 확인하세요.
4. Preflight Check를 실행하세요.
5. TTF, WOFF, WOFF2, CSS, 데모 HTML, 메타데이터 또는 전체 웹 패키지를 내보내세요.

원본 글꼴에 글리프 추가 또는 교체

Font Builder는 정적 TrueType 기반 원본 글꼴을 가져올 수 있습니다.

• 원본 글꼴에 SVG 글리프를 추가합니다.
• 기존 Unicode 글리프를 SVG 그래픽으로 교체합니다.
• Browse Glyphs로 원본 글꼴에서 교체 대상을 선택합니다.
• 원본 글꼴을 편집할 때 교체 글리프 ID를 안정적으로 유지합니다.
• 나중에 계속하려면 작업을 .webfontproject로 저장합니다.

SVG 요구 사항

Font Builder는 윤곽선으로 변환된 정적 SVG 그래픽을 요구합니다.

가져오기 전에 그래픽 효과를 평면화해야 합니다. 편집 가능한 SVG 텍스트, 래스터 이미지, 필터, 마스크, 클리핑 경로, 스크립트, 애니메이션, 동영상, 오디오, iframe 및 외부 리소스는 지원하지 않습니다.

SVG 템플릿

아이콘을 그리기 전에 SVG 템플릿을 내보내세요. 템플릿에는 기준선과 경계 안내선이 있어 가져오기 전에 아이콘을 글꼴 메트릭에 맞춰 정렬할 수 있습니다.

웹 패키지 출력

웹 패키지에는 다음이 포함될 수 있습니다.

• 글꼴 파일
• @font-face가 포함된 CSS
• 데모 HTML
• 메타데이터
• 글리프 미리보기
• 아이콘 글꼴 사용을 위한 HTML 코드 조각

권장 사항

• 표준 Unicode 매핑이 꼭 필요한 경우가 아니라면 아이콘 글꼴에는 사용자 정의 영역의 Unicode 값을 사용하세요.
• 아이콘 SVG를 시각적으로 중앙에 배치하고 동일한 캔버스에 맞춰 정렬하세요.
• 내보낼 때마다 사전 검사를 실행하세요.
• 배포용 글꼴을 출시하기 전에 빨간색 행의 문제를 해결하세요.