폰트 파일 미리보기 사용법
- 글꼴 파일(ttf, otf, woff, woff2)을 고르거나 끌어다 놓습니다. 여러 개를 한 번에 올려도 됩니다.
- 미리볼 문구를 입력하거나 예시 문구를 고르고, 글자 크기와 줄 간격, 자간, 배경색을 조절합니다.
- 글꼴마다 나오는 카드를 비교하고, 없는 글자 안내를 확인한 뒤 마음에 드는 시안은 PNG로 저장합니다.
브라우저에서 글꼴을 불러오는 원리
웹 브라우저에는 글꼴 파일의 내용을 바로 읽어 문서에서 쓸 수 있게 등록하는 기능이 있습니다. 이 무료 도구는 올린 파일을 서버로 보내지 않고 이 기능으로 현재 페이지에만 임시로 등록한 뒤, 카드마다 그 글꼴을 지정해 문구를 보여 줍니다. 페이지를 닫으면 등록이 사라지므로 컴퓨터에 글꼴을 설치하지 않고도 어울리는지 먼저 볼 수 있습니다.
글꼴을 고를 때 가장 자주 겪는 문제는 입력한 글자 중 일부가 글꼴에 들어 있지 않아 다른 글꼴로 대신 표시되는 경우입니다. 특히 한글 글꼴은 자주 쓰는 글자만 담은 것이 있고, 영문 전용 글꼴은 한글이 아예 없습니다. 이 도구는 입력한 글자를 글꼴로 그려 본 결과와 존재하지 않는 글꼴로 그려 본 결과를 비교해, 글꼴에 없는 글자를 찾아 알려 줍니다.
ttf와 otf는 컴퓨터에 설치하는 일반 글꼴 형식이고 woff와 woff2는 웹사이트용으로 압축한 형식입니다. 파일 크기는 카드에 함께 표시되므로 웹사이트에 쓸 글꼴이 너무 무겁지 않은지도 가늠할 수 있습니다. ttf와 otf 파일은 안에 적힌 글꼴 이름을 읽어 보여 주고, woff 계열은 파일 이름을 대신 씁니다.
활용 아이디어와 한계
블로그나 쇼핑몰 제목에 쓸 글꼴 후보를 여러 개 내려받았다면 한꺼번에 올려 같은 문구로 비교해 보세요. 설치와 삭제를 반복하지 않아도 되고, 글꼴마다 같은 크기로 나란히 놓여 굵기와 자간의 차이가 잘 보입니다.
디자이너에게 받은 글꼴 파일이 의뢰한 문구를 모두 표현하는지 납품 전에 확인하는 데도 좋습니다. 상호명, 가격, 특수문자를 그대로 입력하면 글꼴에 없는 글자를 미리 알 수 있어 나중에 글자가 다르게 보이는 일을 줄일 수 있습니다.
글자 모양표를 켜면 가나다와 영문, 숫자, 자주 쓰는 기호가 한눈에 보입니다. 글꼴의 전체 글자 수를 세는 기능은 아니고 대표 글자의 모양을 훑어보는 용도입니다. 모양이 비슷한 숫자 0과 영문 O, 숫자 1과 영문 l을 구분할 수 있는지 볼 때 유용합니다.
배경을 어두운색으로 바꾸면 밝은 글자가 얇은 글꼴에서 어떻게 보이는지 알 수 있습니다. 같은 글꼴이라도 어두운 배경에서는 획이 가늘어 보이는 경우가 많아, 다크 모드가 있는 앱이나 영상 자막용 글꼴을 고를 때 도움이 됩니다.
이 도구는 글꼴의 가변 굵기(Variable Font) 축을 조절하는 기능은 없고 파일에 들어 있는 기본 모양을 보여 줍니다. 글꼴 안의 특수 기능(합자, 대체 글자)도 적용하지 않습니다. 또 운영체제나 브라우저의 글자 처리 방식에 따라 실제 문서에서의 모양이 조금 다를 수 있습니다.
여러 장의 시안을 남기고 싶다면 문구를 바꿔 가며 카드의 PNG 버튼을 눌러 저장하세요. 같은 문구로 저장한 이미지를 모아 두면 나중에 어떤 글꼴을 왜 골랐는지 되짚기 쉽습니다.
글꼴을 여러 개 비교할 때는 같은 문구와 같은 크기를 유지해야 차이가 정확히 보입니다. 이 무료 도구는 모든 카드에 같은 설정을 한꺼번에 적용하므로 굵기와 글자 폭, 줄 사이의 느낌을 공정하게 견줄 수 있습니다. 마음에 드는 후보를 두세 개로 줄인 뒤 실제 문구로 다시 확인하세요.
글꼴을 잘 고르는 요령
- 실제로 쓸 문구를 그대로 넣어 보세요. 예시 문구보다 훨씬 정확합니다.
- 제목은 크게, 본문은 작게 두 가지 크기로 모두 확인합니다.
- 없는 글자 안내가 나오면 그 글자가 다른 글꼴로 대신 표시된다는 뜻입니다.
- 웹에 쓸 글꼴은 파일 크기도 같이 봅니다.
- 상업적으로 쓸 글꼴은 사용 허락 범위를 먼저 확인합니다.
자주 묻는 질문
폰트 파일을 올리면 서버에 저장되나요?
아니요. 파일은 서버로 전송되지 않고 지금 사용 중인 브라우저의 메모리에서만 읽습니다. 페이지를 닫거나 새로 고침하면 불러온 글꼴은 모두 사라집니다. 라이선스가 있는 유료 글꼴도 안심하고 시험해 볼 수 있는 이유입니다.
어떤 파일 형식을 열 수 있나요?
ttf, otf, woff, woff2, ttc 파일을 열 수 있습니다. 브라우저가 읽을 수 있는 글꼴 형식이면 되고, 파일이 손상되었거나 글꼴이 아닌 파일은 읽지 못했다는 안내가 표시됩니다. woff와 woff2는 압축된 웹용 형식이라 글꼴 이름은 파일 이름을 대신 보여 줍니다.
"이 글꼴에 없는 글자"는 어떻게 알아내나요?
입력한 글자를 글꼴로 한 번, 존재하지 않는 글꼴 이름으로 한 번 그려 보고 두 결과가 같으면 글꼴에 그 글자가 없다고 판단합니다. 글꼴 안의 글자 목록을 직접 읽는 방식이 아니라서 아주 드문 경우에는 틀릴 수 있으니 중요한 글자는 눈으로도 확인해 주세요.
여러 글꼴을 한 번에 비교할 수 있나요?
네. 파일을 여러 개 선택하거나 차례로 올리면 글꼴마다 카드가 생기고 같은 문구, 같은 크기로 위아래에 나열됩니다. 글꼴이 마음에 들지 않으면 카드의 X 버튼으로 목록에서 뺄 수 있습니다.
미리보기를 이미지로 저장할 수 있나요?
각 카드의 PNG 버튼을 누르면 현재 문구와 크기, 배경 설정으로 만든 이미지가 저장됩니다. 시안 공유나 글꼴 선택 기록을 남길 때 사용할 수 있습니다.
주의사항
글꼴 파일은 저작권과 사용 허락 범위가 정해져 있는 경우가 많습니다. 이 도구는 파일을 서버로 보내지 않고 브라우저에서만 보여 줄 뿐이며, 글꼴의 사용 허락 여부는 판단하지 않습니다. 없는 글자 확인은 추정이므로 중요한 글자는 눈으로도 확인하세요.