웹프로그래밍

Global It Leader!!


CSS


 
 

구글웹폰트 나눔폰트 적용하기

페이지 정보

작성자 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 3,776회 작성일 14-09-06 23:15

본문

해당 폰트는 google webfonts의 테스트 단계에 해당되는  google webfont early access에서 찾을 수 있습니다.

나눔글꼴은 산돌커뮤니케이션(Sandoll Communications)과 폰트릭스(Fontrix)가 개발한 폰트이고, 네이버에서 배포하고 있는 무료 폰트입니다.

웹폰트 사용법은 쉬운 편이라 간단히 공유해 봅니다.

style.css 파일에 아래를 추가합니다.(원하는 폰트로)

 

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

 

5개의 css가 있으므로 필요하신 만큼 적용하면 되겠네요.

 

@ import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

@ import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@ import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

@ import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@ import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

 

폰트의 속성을 정의하고 싶은 부분에 해당 정의를 지정합니다.

 
body { font-family: 'Nanum Gothic Coding', serif; }
 
나눔브러쉬 (Nanum Brush Script)

나눔고딕(Nanum Gothic)

나눔고딕코딩(Nanum Gothic Coding)

나눔명조(Nanum Myeongjo)

나눔펜(Nanum Pen Script)

댓글목록

등록된 댓글이 없습니다.

전체 72
게시물 검색
CSS 목록
번호 제목 글쓴이 조회 날짜
32 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3090 03-02
31 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3056 11-10
30 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3053 10-26
29 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3458 10-26
28 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2918 10-17
27 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2957 12-25
26 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3437 06-30
25 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3099 06-10
24 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3232 06-09
23 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3149 06-05
22 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4577 05-20
21 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3660 05-20
20 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3140 05-14
19 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3275 04-27
18 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3183 02-04
열람중 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3777 09-06
16 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3455 01-28
15 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3857 01-21
14 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3546 01-21
13 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3675 12-23