네이버 블로그에웹폰트를 적용하는 방법입니다.
그냥 따라하시면 되구요. 결과물는 제 블로그를 참고하세요.
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종료
퍼갈 땐 출처기재 및 흔적남기기
'아는 것이 힘 > 컴퓨터 상식' 카테고리의 다른 글
MSN 메신저 폰친구(문자 수신) 가입이 안 될 경우 확인사항 (0) | 2008.06.12 |
---|---|
[본문스크랩] 다음 디렉토리 vs 네이버 디렉토리 (0) | 2008.06.10 |
[검색추가] 각종 검색엔진에서 자신의 블로그가 검색/해제되도록 해보자. (0) | 2008.06.07 |
다운로드방 (0) | 2005.10.13 |
블루스크린에 대항한다 - 에러의 뜻 (1) | 2005.10.07 |
[펌] 네이버 블로그에서 웹폰트 공짜로 쓰기 (0) | 2005.09.26 |
MP3파일 변환 (0) | 2005.09.24 |
익스플로어 주소창에 검색 기능 넣기, 주소 별명기능 (0) | 2005.09.23 |
Ctrl키의 기능 (0) | 2005.09.02 |
사진이 보이지 않을 때... (0) | 2005.08.08 |