2012년 3월 9일 금요일

Web Font 사용하기


구글 웹 폰트를 사용해 보자.

구글 웹 폰트: http://www.google.com/webfonts
1. 원하는 폰트를 Add to collection 버튼을 눌러 마치 쇼핑 카트에 담듯이 원하는 만큼 담는다.
2. 화면 아래 Use 버튼을 눌러 실제 사용할 수 있는 코드를 생성해 낸다.
 - 결과물은 이런식이다.
<link href='http://fonts.googleapis.com/css?family=Poiret+One|Seaweed+Script' rel='stylesheet' type='text/css'>
3. HTML 태그에 위 코드를 붙여 넣고 원하는 부위에 font-family 를 적용하면 된다.

font-family: 'Poiret One', cursive;
font-family: 'Seaweed Script', cursive;


사용예)
폰트명: Poiret One
결과: Poiret One

폰트명: Seaweed Script
결과: Seaweed Script

댓글 없음:

댓글 쓰기