한글 웹폰트 모음 – 나눔, 제주, 한나, kopub바탕, noto sans

세종대왕

홈페이지 만들때 구찮긴 하지만, 이미지로 때려박는것보다 한글 웹폰트 글로 직접 쓰는게 여러모로 좋다. 검색에도 용이하고 해상도 상관없이 선명하게 나오고. 반응형으로 레이아웃을 짤때 편하다.

하지만 애석하게도 한글 웹폰트 는 별로 없다.

한글 폰트들이 대체적으로 용량이 커서 웹폰트화 시켜서 쓰기 쉽지 않아서 그렇다는 말을 듣긴 했는데, 여러 다른 이유도 있는거 같다. 홈페이지 만들때 그냥 통짜 이미지로 박아버리는 에이전시들이 대부분이니까 그런것도 있겠지.
그런 와중에 가뭄에 단비같은 한글 웹폰트 를 갓구글 께서 제공을 해주신다.

사용법

다음코드를 폰트들에 맞게 각각 스타일시트(CSS파일) 상단에 입력한다.

그후 css에서 각각에 맞는 font-family 를 아래와 같이 적용면서 사용하면 된다.

Noto Sans KR – 본고딕 (노토산스)

font-family: ‘Noto Sans KR’ ;
가능 굵기 :  100,300,400,500,700,900
소개 :  갓 구글&어도비.
구글과 어도비가 합작해서 만들어주신 아름다운 서체다. 산돌에서 작업했다고 들었는데.. 그래서 애플 산돌 고딕과 좀 비슷하다. 좀더 딱딱한거 같긴 하지만..
우짜든 굵기도 100에서 900까지 다양하게 지원하고 이쁘다.

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

나눔고딕

fontfamily: ‘Nanum Gothic’ ;
가능 굵기 (font-weight) : 400, 700,800
소개: 가장 만만하고 깔끔한 서체다. 큰 글씨로 볼때는 좀 안이쁘다.

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

나눔명조

font-family: ‘Nanum Myeongjo’ ;
가는 굵기 : 400,600,700
소개 : 궁서체로 각잡고 얘기하는 내용에 쓰면 좋다.

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

나눔고딕 코딩

font-family: ‘Nanum Gothic Coding’ ;
가능 굵기 (font-weight) : 400,700
소개: 쉼표가 잘보인다.

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

나눔손글씨 붓

font-family: ‘Nanum Brush Script’ ;
가능 굵기(font-weight): 400
소개: 이쁘고 매우 짜증나는 서체다. 다른 서체들에 비해 글씨크기가 워낙 작아, 이 폰트를 쓸때는 클래스 새로 잡아 크기를 잡아줘야 된다. 근데 이뻐.

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

나눔손글씨 펜

font-family: ‘Nanum Pen Script’ ;
가능굵기(font-weight): 400
소개: 나눔손글씨 붓과 마찬가지 이유로 귀찮다. 근데 이쁨.. 랜딩페이지나 큰 사진 백그라운드가 들어가는 화면에 잘어울린다.

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

제주고딕

fontfamily: ‘Jeju Gothic’ ;
가능굵기: 400
소개: 이걸 쓸일이 있을런지 모르겠네. 나눔고딕 노토산스가 있는데..;

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

제주한라산

font-family: ‘Jeju Hallasan’ ;
가능 굵기: 400

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

제주명조

fontfamily: ‘Jeju Myeongjo’ ;
가능 굵기: 400

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

한나체

font-family: ‘Hanna’ ;
가능 굵기: 400

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

KoPub 바탕

font-family: ‘KoPub Batang’ ;
가능 굵기 : 300, 400, 700

미리보기
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.
나는 치맥을 하고 싶다. 피맥도 하고 싶다. 족맥도 하고 싶다.

결론

세종대왕님 감사합니다.

의견을 남겨주세용