콘텐츠로 건너뛰기

블로그 글꼴 꾸미기 (구글 무료 웹폰트)

블로그 글꼴 꾸미기 (구글 무료 웹폰트)

블로그&인터넷/블로그

2014-02-07 02:00:51


구글에서 제공하는 한글 웹폰트 입니다.

 

폰트파일을 다운 받을 필요도 없고 업로드 할 필요도 없이 스타일 시트에  임포트와 속성만으로 폰트를 적용 하여 블로그를 꾸밀 수 있도록 해주며,  한글체는 6개이며 무료로 사용할 수 있습니다.

 

@charset “utf-8”;
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body { font:12px/1.5 Nanum Gothic, Verdana, AppleGothic, Sans-serif; color:#666; }

 

HTML/CSS 편집에서 style.css 열어서 글꼴을 주소를 붙여넣고 속성 지정만 해주면 됩니다.

 

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

 

 

Hanna / 한나체

 

@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
font-family: ‘Hanna’, serif;

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

 

 

Nanum Brush Script / 나눔 붓 글씨체

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
font-family: ‘Nanum Brush Script’, cursive;

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

1234567890

 

 

Nanum Gothic / 나눔 고딕체

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
font-family: ‘Nanum Gothic’, sans-serif;

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

1234567890

 

 

Nanum Gothic Coding / 나눔 고딕 코딩

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
font-family: ‘Nanum Gothic Coding’, monospace;

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

1234567890

 

 

Nanum Myeongjo / 나눔 명조체

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
font-family: ‘Nanum Myeongjo’, serif;

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

1234567890

 

 

Nanum Pen Script / 나눔 손글씨체

@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
font-family: ‘Nanum Pen Script’, cursive;

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

1234567890

 

#티스토리 #웹폰트 #블로그 #구글 #폰트 #글꼴

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다