글꼴 미리보기 - 다양한 한글/영문 웹폰트로 텍스트를 미리보세요. 크기, 굵기, 줄간격 조절, CSS 복사 기능.
시스템 폰트: 사용자 기기에 설치된 폰트로 추가 다운로드가 필요 없어 빠르지만, OS/기기마다 사용 가능한 폰트가 다릅니다. 웹 폰트: Google Fonts 등에서 다운로드하는 폰트로, 모든 사용자에게 동일한 디자인을 보여줄 수 있지만 로딩 시간이 추가됩니다. font-display: swap을 사용하면 웹 폰트 로딩 중 시스템 폰트를 먼저 보여줘 FOUT(Flash of Unstyled Text)를 최소화합니다.
본고딕(Noto Sans KR): 구글 무료 폰트, 가장 널리 사용, 9가지 굵기. 프리텐다드(Pretendard): 애플 SF Pro 스타일의 한국어 폰트, 깔끔한 디자인. 나눔고딕/나눔스퀘어: 네이버 무료 폰트, 가독성 우수. IBM Plex Sans KR: 코딩/기술 문서에 적합. 최적화 팁: ① subset으로 필요한 글자만 로드 ② woff2 형식 사용(크기 30% 감소) ③ font-display: swap 적용 ④ preload로 빠른 로딩.
글꼴 미리보기는 나눔고딕·본고딕·프리텐다드·IBM Plex Sans KR 등 다양한 한글·영문 웹폰트로 내 텍스트가 어떻게 보이는지 실시간으로 확인하고, 폰트 크기·굵기·줄간격을 조절한 뒤 CSS 코드를 바로 복사할 수 있는 무료 온라인 폰트 테스트 도구입니다. 디자인 시안 검토, 웹사이트 폰트 선정, 인쇄물 폰트 비교 등에 활용할 수 있습니다.