폰트 변환기: TTF, OTF, WOFF, WOFF2, EOT

TTF, OTF, WOFF, WOFF2, EOT: 형식별 용도

TTF(TrueType)와 OTF(OpenType)는 컴퓨터에 설치해서 쓰는 폰트 형식입니다. Windows, macOS, Linux 모두 두 형식을 지원하며, 워드, 포토샵, 미리캔버스, Canva, Cricut·Silhouette 같은 커팅기 프로그램에서도 쓸 수 있습니다. WOFF와 WOFF2는 같은 폰트를 웹용으로 압축한 것으로, WOFF2가 WOFF보다 약 30% 가볍고 현재 모든 브라우저가 읽을 수 있어 사이트가 더 빨리 뜹니다. 한글 폰트는 글자 수가 많아 파일이 크기 때문에 웹에서는 특히 WOFF2가 유리합니다. EOT는 Internet Explorer 6~8용 예전 형식으로, 아주 오래된 사이트에만 필요합니다. TTC 파일은 같은 가족의 여러 폰트를 묶은 것으로, 도구가 하나씩 나눠 각각 변환합니다.

OTF를 TTF로(그리고 TTF를 OTF로) 변환하기

OTF 폰트에는 TrueType 또는 PostScript(CFF) 두 종류의 윤곽선이 들어 있을 수 있습니다. PostScript 윤곽선의 OTF를 TTF로 바꾸면 도구가 각 글자를 TrueType 곡선으로 변환하고, 커닝, 합자, 대체 글자, 이름 같은 나머지 정보는 그대로 둡니다. 옮겨지지 않는 것은 예전 화면에서 작은 글자를 또렷하게 보이게 하는 힌팅뿐입니다. 반대로 TTF는 TrueType 윤곽선을 그대로 지닌 .otf 파일이 됩니다. 어디에나 설치할 수 있는 올바른 OpenType이며, 품질 손실이 전혀 없습니다.

@font-face로 사이트에 폰트 적용하기

웹사이트에 원하는 폰트를 보여 주려면 WOFF2 형식(오래된 브라우저용으로 WOFF도)으로 올리고, CSS에서 @font-face 규칙으로 선언해야 합니다. 도구의 웹 키트가 모든 것을 준비합니다. 폰트별 파일, 패밀리 이름과 굵기(보통 400, 굵게 700), 스타일, 로딩 중 글자가 안 보이는 현상을 막는 font-display: swap 옵션이 담긴 fonts.css, 그리고 데모 페이지입니다. 파일을 사이트에 복사하고 페이지에 fonts.css를 연결한 뒤, 안내된 이름으로 font-family를 지정하세요. 워드프레스라면 같은 규칙을 테마의 추가 CSS에 붙여 넣으면 됩니다.

폰트 라이선스, 꼭 확인할 점

폰트를 변환해도 라이선스는 바뀌지 않습니다. Google Fonts처럼 OFL 라이선스인 무료 폰트는 변환해서 사이트에 마음껏 쓸 수 있고, 눈누 등에 소개된 한글 무료 폰트 가운데도 OFL인 것이 많습니다. 반면 유료 폰트는 PC용과 웹용 라이선스가 따로인 경우가 많습니다. 도구는 파일에 기록된 저작권과 라이선스 정보를 보여 주고, 문서나 사이트에 포함하지 말라고 표시된 폰트에는 경고를 띄웁니다. 변환한 폰트를 인터넷에 올리기 전에 사용 권한을 확인하세요.