- 미리볼 문장을 입력란에 적습니다. 한글·영문·숫자 모두 됩니다.
- 글자 크기 슬라이더로 본문용·제목용 느낌을 맞춰 봅니다.
- 여러 폰트로 같은 문장이 어떻게 보이는지 비교합니다.
- 마음에 드는 폰트의 "CSS 복사"를 눌러 코드(불러오기 + font-family)를 가져갑니다.
같은 문장도 어떤 글꼴로 쓰느냐에 따라 느낌이 완전히 달라집니다. 깔끔한 고딕은 정보 전달에, 명조는 차분하고 고급스러운 분위기에, 손글씨·제목용 폰트는 개성과 주목도를 줍니다. 실제 문구를 넣어 비교하면 머릿속 상상보다 훨씬 정확하게 고를 수 있습니다.
- 본문용 고딕·명조: Noto Sans KR, 나눔고딕, 나눔명조처럼 가독성이 좋은 폰트는 긴 글·웹사이트 본문에 적합합니다.
- 제목용 굵은 폰트: Black Han Sans, 두현, 주아처럼 굵은 폰트는 카드뉴스 제목·썸네일에서 눈에 잘 띕니다.
- 손글씨·감성 폰트: 나눔손글씨 펜, 가을체 같은 폰트는 따뜻하고 개성 있는 느낌을 줍니다. 너무 긴 글에는 가독성이 떨어질 수 있어요.
- 실제 문구로 테스트: 로고나 제목에 쓸 진짜 문구를 넣어 비교하세요. 받침이 많은 한글, 숫자, 영문이 섞인 실제 문장이 가장 정확합니다.
- 썸네일·카드뉴스에: 마음에 드는 폰트를 정한 뒤 밈·짤 생성기나 메시 그라데이션 배경과 조합하면 보기 좋은 이미지를 만들 수 있습니다.
- 웹에 적용: "CSS 복사"로 받은 코드를 붙여 넣으면 됩니다. 한글 폰트는 용량이 크니 실제로 쓰는 굵기만 불러오세요.
네. 이 도구는 구글 폰트(Google Fonts)에서 제공하는 폰트를 미리보기로 보여 줍니다. 구글 폰트는 대부분 상업적 이용까지 무료인 오픈 라이선스이지만, 사용 전 각 폰트의 라이선스를 한 번 확인하는 것이 안전합니다.
아니요. 입력한 글자는 브라우저 화면에서 폰트를 적용해 보여 줄 뿐 서버로 전송되거나 저장되지 않습니다. 폰트 파일만 구글 폰트에서 불러오며, 새로고침하면 입력한 글자는 사라집니다.
각 폰트의 'CSS 복사' 버튼을 누르면 구글 폰트를 불러오는 코드와 font-family 속성이 복사됩니다. 이를 내 HTML·CSS에 붙여 넣으면 같은 폰트를 적용할 수 있습니다. 한글 폰트는 용량이 큰 편이라 필요한 폰트만 불러오는 것이 좋습니다.
폰트 파일을 불러오는 중이거나 네트워크가 느리면 잠깐 기본 글꼴로 보였다가 바뀝니다. 한글 폰트는 용량이 커 처음 로드에 시간이 조금 걸릴 수 있으니 잠시 기다려 주세요. 계속 안 보이면 새로고침하거나 인터넷 연결을 확인하세요.
네. 깔끔한 본문용 고딕·명조부터 굵은 제목용, 손글씨 느낌까지 다양한 한글·영문 폰트를 함께 보여 줍니다. 같은 문장을 여러 분위기로 비교하며 카드뉴스 제목, 썸네일, 로고 글씨 등에 어울리는 폰트를 골라 보세요.