[글꼴] 업로드 안하고 나눔고딕 나눔고딕 웹폰트 적용하기

블로그를 꾸미다 보면 네이버 블로그야 기본적으로 나눔고딕을 PC에 설치만 하면 포스팅할 때 나눔고딕이나 나눔바른고딕으로 지정해서 발행할수 있지만 티스토리는 얼마전까지만 해도 웹폰트로 변환하고 업로드 해야되는 불편함이 있었는데요.

 

 

http://www.google.com/fonts/earlyaccess

 

나눔붓글씨 웹폰트
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

font-family: 'Nanum Brush Script', cursive;

 

붓글씨와 펜글씨까지 웹폰트로 적용가능 한 것 보고 깜작 놀랐습니다.

 

나눔고딕 웹폰트
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

font-family:'Nanum Gothic',monospace;

 

제일 많이 쓰는 나눔고딕인데요. 적용을 해보니 나눔고딕과 나눔고딕코딩이 둘 다 가독성이 괜찮은 것 같아요.

 

나눔고딕코딩 웹폰트
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

font-family:'Nanum Gothic Coding',monospace;

 

 

나눔명조 웹폰트
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

 

font-family: 'Nanum Myeongjo', serif;

 

 

나눔펜글씨 웹폰트
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

 

font-family: 'Nanum Pen Script', cursive;

 

한나체
@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);

font-family:'Hanna',serif;

한나체는 처음보는거라뭔가 했는데 무료로 배포되는 글꼴이더라구요.

 

 

 

웹폰트 적용 방법은 티스토리 html/CSS 편집으로 들어갑니다.

그리고 style.css 부분의 제일 위에 @로 시작하는 링크를 집어 넣습니다.

 

 

 

 

 

그리고 적용하고픈 부분에 font-family : 'Nanum Gothic'; 을 넣어줍니다.

 

 

 

구글 덕분에 귀찮에 웹폰트 변환하고 업로드 할 필요 없이 코드만 복사해서 넣으면 바로 나눔폰트를 적용하실 수가 있습니다. 덕분에 제 블로그 스킨도 수월하게 수정했어요.

 

 

'보딸희 IT/과학면' 카테고리의 다른 글

회원 가입 없이 무료로 TV, 영화 다시보기 사이트 모음 [웹하드 아님]  (3)	2014/02/18
취업준비생에게 유용한 필수 사이트모음  (0)	2014/02/17
업로드 안하고 나눔고딕 나눔고딕 웹폰트 적용하기  (0)	2014/02/12
구글 애드센스 계좌이체로 지급받을 때, 국내 은행별 스위프트 코드 (SWIFT Code)  (1)	2014/02/12
2014 검색광고마케터 시험(1401회차) + 기출문제(1302회차)  (2)	2014/02/11
프로그램 없이 간단하게 유투브 동영상 다운로드 받기  (5)	2014/02/09