폰트 검색과 변환

웹에 쓸 글꼴을 고를 때는 파일 확인, 식별, 웹폰트 변환, 용량 축소, 사이트 적용 순으로 도구를 나눠 쓰면 중복 작업이 줄어듭니다. 아래 표만으로도 단계별 도구 후보를 고를 수 있습니다.

무료 한글 웹폰트 자체를 고르는 일은 변환·적용 도구와 별개로, 폰트 배포처의 라이선스와 포맷 지원을 먼저 확인합니다.

PC에 있는 TTF·OTF·WOFF 파일을 브라우저에서 열어 제작자, 문자 수, 아이콘 글리프, 유니코드 정보를 확인할 수 있습니다. 오픈타입 기능까지 보려면 Wakamai Fondue를 함께 쓰면 됩니다. FontDrop은 두 폰트를 나란히 비교하는 기능도 제공합니다.

홈페이지용 아이콘 폰트의 구성과 유니코드를 볼 때도 파일 뷰어가 유용합니다. 아이콘을 골라 폰트로 만들 때는 IcoMoon, Fontello를 쓰고, 글리프를 직접 편집할 때는 FontForge를 사용합니다. 지원 형식과 비교 기능은 도구 버전에 따라 달라질 수 있으므로 업로드 전에 안내 페이지를 확인합니다.

캡처 이미지에 찍힌 글꼴이나 웹페이지에 적용된 폰트 이름을 찾을 때 식별 도구를 씁니다. 로고·인쇄물 스캔은 이미지 업로드형, 브라우저에 열린 페이지는 확장 프로그램형이 맞습니다.

WhatTheFont, Matcherator처럼 이미지 기반 검색과 WhatFont처럼 페이지 위 요소를 집는 방식을 상황에 맞게 고릅니다. 식별 결과는 유사 후보인 경우가 많아, 라이선스와 웹폰트 제공 여부를 배포처에서 다시 확인합니다.

데스크톱용 TTF·OTF를 사이트에 쓰려면 WOFF·WOFF2로 바꾸고 @font-face용 CSS를 만들어야 합니다. 변환기는 포맷 선택, 힌팅, 스타일 링크 묶음까지 한 번에 내보내는 경우가 많습니다.

Transfonter, Font Squirrel Webfont Generator 등이 이 구간에 해당합니다. 원본 폰트 라이선스가 웹 임베드를 허용하는지 먼저 확인하고, 변환 결과물의 용량과 브라우저 지원(WOFF2 우선)을 점검합니다.

한글 폰트는 글리프 수가 많아 파일 용량이 큰 편입니다. 사이트에서 실제로 쓰는 글자만 남기는 서브셋을 적용하면 로딩 용량이 줄어듭니다.

제목처럼 문구가 고정된 영역은 문자열 단위 서브셋이 잘 맞고, 본문용 폰트는 유니코드 범위를 나눠 필요한 구간만 불러오는 방식(unicode-range)이 있습니다. fonttools, glyphhanger로 서브셋을 만든 뒤, 누락 글자가 없는지 실제 페이지 문장으로 검수합니다.

웹폰트를 사이트에 넣는 방법은 외부 서비스 호출과 자체 호스팅으로 나뉩니다. 운영 정책, 개인정보·네트워크 제약, 캐시 통제 필요에 따라 고릅니다.

무료 한글 폰트·웹폰트 배포처(구글 폰트, 눈누, 산돌구름, 폰코, 공유마당 등)에서 파일을 받은 뒤에도, 위 적용 방식 중 하나로 연결합니다. 배포처 라이선스의 웹 사용·수정·재배포 조건을 변환·서브셋 전에 확인합니다.