[펌] 블로그에 웹폰트 적용하기

네이버 블로그에웹폰트를 적용하는 방법입니다.
그냥 따라하시면 되구요. 결과물는 제 블로그를 참고하세요.
CSS에 대해서 잘아시는 분들은 소소를 보고 재주껏 응용하시길...
① http://home.megapass.co.kr/~sysop201/naverblog/ 로 이동합니다.
② 적용하고픈 글꼴은 선택한 후, 하단의 변환하기 버튼을 클릭합니다.
③ 빈 화면이 뜹니다. 그 상태에서 CTRL+A 를 누릅니다. (블록지정)
④ 그러면 작은 블록이 지정되는데, 그 상태에서 CRTL+C 를 누릅니다. (복사)
⑤ 네이버 블로그의 글쓰기 창에서 CTRL+V 를 누르시고 게시물을 작성하시면 되겠습니다.(붙이기)
※ 참고로 위와 같은 방법으로 한개의 포스트에 웹폰트를 적용했을때, 한 페이지 전체 포스트에 적용됩니다. 따라서 한 페이지당 10개의 포스트가 보여진다면, 10개의 포스트당 하번씩 웹폰트를 적용하시면 되겠죠. 물론 안부게시판에서도 마찬가지구요.
소스에 대해 간단히 몇가지만 설명하자면..
//css시작 : p태그와공백문자는 블록을 잡을때 편하게 하기 위해 설정
// 웹폰트 정의
@font-face { font-family:soyabar; src:url(http://home.megapass.co.kr/~sysop201/naverblog/soyabar0.eot) };
//pt3클래스 : 포스트 제목
.Pt3{font-family:soyabar; font-size=9pt; }
// ct클래스 : 포스트 제목 옆 카테고리 이름
.ct{font-family:soyabar; font-size=9pt; }
// eng클래스: 포스트 등록일시
.eng{font-family:soyabar; font-size=9pt; }
// con_link클래스 : 출처
.con_link{font-family:soyabar; font-size=9pt; }
//td태그 : 덧글/엮인글, 수정/삭제 등.. 위에서 설정하지 않은 나머지 부분 전체
td {font-family:soyabar; font-size=9pt; }
// view클래스 : 본문
.view{font-family:soyabar; font-size=9pt; }
// css종료
퍼갈 땐 출처기재 및 흔적남기기