Home

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

반응형

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


폰트파일을 다운 받을 필요도 없고 업로드 할 필요도 없이 스타일 시트에  임포트와 속성만으로 폰트를 적용 하여 블로그를 꾸밀 수 있도록 해주며,  한글체는 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


반응형
more

댓글을 달아 주세요

.

Secret