구글 API 로 원하는 글꼴로 보기

게시자: 대문 demun 카테고리: Design 2011.02.13 18:38
구글 api 를 사용하면 블로그에 있는 글꼴을 동일하게 보일수 있습니다. 현재 저도 하나 사용하고 있는데요. 현재 제 블로그에는 네이버글꼴과 구글글꼴 총 두개를 api 로 사용하고 있습니다.

구글 웹폰트 보기 => http://code.google.com/webfonts

이중에 이쁜놈을 하나 골라서 사용해보세요.
제가 사용하는것은 arimo 라는 웹폰트입니다.
아래 파랑색배경에 보이는것입니다. 


사용하는 방법.


사용하는 방법은 위그림처럼 원하는 글꼴을 클릭하세요. 그럼 아래처럼 미리보기를 통해 미리볼수 있습니다.




좀더 상세한 설정을 위해 Launch in font previewer 를 클릭합니다.
그럼 아래처럼 상세한 설정을 할수 잇고 바로 반영이 됩니다.



<link  href="http://fonts.googleapis.com/css?family=Allan:bold" rel="stylesheet" type="text/css" >
위의 주소를 스킨편집에서 <head> 와 </head>사이에 넣습니다.
그리고 css 편집창에서 아래 글꼴명을 사용하면 됩니다.
font-family: 'Arimo', serif;
나머지 부분은 정당이 수정해주시면 됩니다.
현재 저는 pre 태그에 이 글꼴을 사용합니다. 글모양이 적당한 간격을 유지한것이 코딩에 적당한거 같아 사용하고 있지요.

한가지 알아두어야 할점은 한글이 아니라는 점입니다.
그래서 저같은 경우 pre 에 사용할때 아래처럼 다른 글꼴도 설정해 두었습니다.

font-family: 'Arimo','나눔고딕',NanumGothic, serif; 
이제 여러분들도 원하는 글꼴을 모든 사용자에게 보여질수 있도록 할수 있습니다.
신고

댓글