웹폰트로 쓸만한 무료 한글 폰트 미리보기

웹사이트 제작시 한글을 이미지로 만들어 넣지 않고 텍스트로 바로 입력하면 생산성도 향상되고 검색엔진에 노출될 가능성도 높아집니다. 다만 윈도우에 기본으로 깔린 한글 폰트가 몇개 없어 텍스트 만으로 웹사이트를 만드는데 제한이 많았습니다. 하지만 이제 기술이 발전하여 폰트를 웹페이지에 임베딩 할 수 있는 웹폰트라는 것이 생겨났으니 텍스트만으로 보기 좋은 한글 웹사이트를 만드는 것이 불가능한 것은 아닙니다.

아래 미리보기는 캡쳐 화면이 아니라 실제 텍스트에 웹폰트를 적용한 모습입니다. 웹폰트를 적용했을 때 보기 좋고 제약사항이 비교적 적은 폰트를 선별했습니다.

나눔글꼴

http://hangeul.naver.com/

네이버에서 제작하고 배포하는 글꼴로 글꼴을 유료로 판매하는 것을 금지하는 것 외에 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공되며 자유롭게 수정하고 재 배포하실 수 있습니다.

나눔고딕체

Normal 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Normal 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Normal 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Bold 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Bold 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Bold 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Extra Bold 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Extra Bold 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Extra Bold 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community

나눔바른고딕체

Normal 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Normal 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Normal 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Bold 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Bold 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Bold 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support

나눔명조체

Normal 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Normal 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Normal 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Bold 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Bold 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Bold 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Extra Bold 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Extra Bold 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Extra Bold 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community

함초롬체

http://www.hancom.co.kr/downLoad.downView.do?seqno=3136&mcd_save=005

한글과컴퓨터에서 제작하여 배포하는 글꼴로 상업적 목적으로 배포 및 수정을 금지하는 것 외에 개인 및 기업 사용자에게 무료로 제공되며, 모든 출판물과 저작물에서 자유롭게 사용이 가능합니다. 글꼴 출처를 표기하는 것을 권장합니다.

함초롬돋움체

Normal 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Normal 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Normal 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Bold 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Bold 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Bold 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community

함초롬바탕체

Normal 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Normal 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Normal 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community
Bold 12px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Bold 14px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community Support
Bold 16px서비스 소개 다운로드 커뮤니티 고객지원 Intro Download Community

서울서체

http://www.seoul.go.kr/v2012/seoul/symbol/font.html

서울시에서 제작하여 배포하는 글꼴로 유료로 양도하거나 판매하는 등 상업적 행위를 금지하는 것 외에 영상매체, 인쇄매체, 웹, 모바일 등 다양한 매체에서 자유롭게 사용이 가능합니다.

폰트에 버그가 좀 있네요. 폰트 글자 일부분만 추출해서 웹폰트로 변환시 OS/2 Table를 찾지 못해서 변환에 실패하거나 변환 되더라도 화면에 적용이 안되는 폰트가 있습니다. 변환 프로그램의 문제인지 폰트의 문제인지 확실치 않으나 다른 폰트는 잘 변환되는 걸로 보아 폰트 문제로 보입니다.