Web Guide웹폰트한글 폰트서체 선택
한글 웹폰트 선택 가이드
한글 폰트는 영문보다 파일이 훨씬 큽니다.
글자 수가 많기 때문입니다. 잘못 쓰면 사이트가 느려지고, 글자가 뒤늦게 나타나 화면이 튑니다.
01왜 무거운가
영문 폰트는 대문자와 소문자, 숫자, 기호를 합쳐 100자 남짓입니다. 한글은 조합 가능한 글자가 1만 자를 넘습니다. 그만큼 파일이 큽니다.
이 파일을 모두 내려받아야 글자가 보이므로, 폰트가 사이트 속도에 직접 영향을 줍니다.
영문 폰트
수십 KB · 빠르게 로드 · 여러 굵기를 써도 부담이 적음
한글 폰트
수백 KB~수 MB · 로드에 시간 소요 · 굵기마다 별도 파일 · 굵기를 많이 쓰면 부담이 큼
02굵기를 제한한다
폰트 굵기 하나가 별도 파일입니다. 얇게, 보통, 굵게, 아주 굵게를 다 쓰면 파일을 네 개 받아야 합니다.
대부분의 사이트는 두세 가지 굵기로 충분합니다. 본문용과 제목용이면 됩니다.
1
본문 굵기
보통 굵기 하나. 가장 많이 쓰입니다.
2
제목 굵기
굵게 하나. 제목과 강조에 씁니다.
3
선택적 추가
필요하면 하나 더. 세 개를 넘지 않는 편이 좋습니다.
4
가짜 굵기 주의
브라우저가 임의로 굵게 만들면 글자가 뭉개집니다. 실제 굵기 파일을 씁니다.
03로딩 중 처리
폰트를 내려받는 동안 글자가 안 보이거나, 다른 글꼴로 보이다가 바뀌면서 화면이 튑니다. 둘 다 좋지 않습니다.
기본 글꼴로 먼저 보여주고 폰트가 준비되면 바꾸는 방식이 일반적입니다. 이때 글자 크기가 비슷한 대체 글꼴을 지정하면 튐이 줄어듭니다.
글자 안 보임폰트 로드 전까지 빈 화면. 느린 환경에서 치명적입니다.
글꼴 바뀜기본 글꼴로 보이다가 바뀝니다. 화면이 튑니다.
대체 글꼴 지정크기가 비슷한 시스템 글꼴을 지정하면 튐이 줄어듭니다.
미리 불러오기폰트를 먼저 요청하게 설정하면 지연이 줄어듭니다.
필요한 글자만쓰이는 글자만 추려 파일 크기를 줄이는 방법도 있습니다.
04라이선스를 반드시 확인한다
무료로 배포되는 폰트도 사용 조건이 있습니다. 웹폰트로 쓸 수 있는지, 상업적 이용이 가능한지, 출처 표기가 필요한지가 다릅니다.
인쇄물에는 쓸 수 있지만 웹폰트로는 별도 라이선스가 필요한 경우도 있습니다.
점검 항목
웹폰트 허용 여부
인쇄용과 웹용 라이선스가 다른 경우가 있습니다.
상업적 이용
개인 사용만 허용하는 폰트가 있습니다.
출처 표기
표기 의무가 있는 경우 푸터에 넣습니다.
수정 가능 여부
폰트 파일을 가공하려면 별도 확인이 필요합니다.
증빙 보관
라이선스 문서나 구매 내역을 보관합니다.
CHECK POINT
□ 사용하는 폰트 굵기가 세 개 이하인가
□ 폰트 로딩 중 처리 방식이 정해져 있는가
□ 크기가 비슷한 대체 글꼴을 지정했는가
□ 폰트 파일 크기가 사이트 속도에 미치는 영향을 확인했는가
□ 웹폰트 사용이 라이선스상 허용되는가
□ 상업적 이용이 가능한가
□ 라이선스 증빙을 보관하고 있는가
#웹폰트#한글 폰트#서체 선택#폰트 라이선스#로딩 속도#타이포그래피#성능 최적화#홈페이지 디자인#웹비스타#홈페이지 제작