콘텐츠로 건너뛰기
블로그로 돌아가기

"Mac 글꼴 편집기: 기존 글꼴의 글리프 추가와 교체"

Leibniz Li

@leibnizli
+

프로젝트에 거의 완벽한 글꼴을 찾았는데 중요한 글리프 하나가 빠져 있던 적이 있나요? 회사 로고를 아이콘으로 추가하거나 기존 문자를 조금 수정한 직접 그린 SVG로 바꾸고 싶을 수 있습니다.

기존 글꼴에 글리프를 추가하거나 교체하려면 전통적으로 무거운 전문 서체 디자인 소프트웨어에 파일을 가져와야 했습니다. 단순 교체에는 과한 도구일 뿐 아니라 내부 글꼴 테이블과 원래 글리프 ID를 손상시켜 실제 배포에서 예기치 않은 렌더링 문제를 일으키기도 합니다.

기반 데이터를 망가뜨리지 않고 글리프를 추가하거나 교체하는 빠른 네이티브 Mac 도구가 필요하다면 **WebFont**의 로컬 작업 흐름을 사용하세요.

기존 글꼴을 수정하는 이유

다음 상황에서는 처음부터 만드는 것보다 기존 글꼴 조정이 실용적입니다.

  1. 브랜드 추가: 앱 로고나 사용자 지정 아이콘을 표준 웹 글꼴에 넣습니다.
  2. 문제 문자 교체: 혼동하기 쉬운 “I”와 “l” 같은 글자 형태를 바꿔 특정 UI에서 가독성을 높입니다.
  3. 누락 문자 보완: 대체 글꼴로 전환하지 않고 문자 집합의 빈 부분을 채웁니다.

Mac에서 글리프를 추가하고 교체하는 방법

원본 글꼴 편집은 SVG로 기존 글꼴을 정밀하게 수정하도록 설계된 기능입니다. macOS에서 완전히 로컬로 실행되어 글꼴을 클라우드에 업로드하지 않으므로 개인정보 보호와 라이선스 준수에 도움이 됩니다.

다음 단계로 수정하세요.

1. 원본 글꼴 가져오기

기존 정적 TrueType 기반 원본 글꼴을 불러오세요. 앱이 중요한 내부 데이터를 유지하면서 글꼴 구조를 파싱합니다.

2. 사용자 지정 SVG 준비

Illustrator, Figma 등 원하는 벡터 소프트웨어에서 빠진 문자나 교체 아이콘을 그리고 윤곽선 SVG로 내보내세요. 기존 문자와 잘 맞추도록 불러온 글꼴의 기준선과 경계 안내선이 담긴 SVG 템플릿을 다운로드할 수 있습니다.

3. 문자 추가 또는 교체

두 가지 작업 흐름을 제공합니다.

  • 새 글리프 추가: SVG를 인터페이스에 놓으면 Unicode 값을 자동 지정하고 새 글리프 항목을 만듭니다.
  • 기존 글리프 교체: 불러온 원본에서 덮어쓸 문자를 먼저 고르고 새 SVG를 선택하세요.

중요한 점은 교체 글리프 ID를 안정적으로 유지하여 고급 OpenType 기능과 커닝 쌍이 불필요하게 손상되지 않도록 한다는 것입니다.

4. 사전 검사와 내보내기

내보내기 전에 포괄적인 사전 검사로 Unicode 충돌, 중복 이름, 빈 SVG 경로를 자동 감지합니다. 새 그래픽이 예상 어센더나 디센더 메트릭을 벗어나면 경고합니다.

검증 후 수정한 글꼴을 새로운 TTF, WOFF, WOFF2로 내보내세요. 웹용이라면 @font-face CSS와 HTML 데모가 포함된 전체 웹 패키지를 생성하여 브라우저에서 즉시 새 글리프를 확인할 수 있습니다.

안전한 오프라인 글꼴 편집

글꼴 수정에 서체 디자인 전문가 수준의 지식이 필요해서는 안 됩니다. 새 아이콘을 넣거나 문제 문자를 바꾸는 데 필요한 것은 원본을 존중하고 어려운 처리를 로컬에서 수행하는 도구입니다.

지금 Mac용 WebFont를 다운로드하여 사용자 지정 글꼴을 오프라인으로 안전하게 수정하고, 서브셋을 만들고, 빌드하세요.