티스토리 글꼴 폰트 크기 변경
- Life In Mono(Light) ver.1.0 스킨 사용시
티스토리 Tistory 에서 Life In Mono(Light) ver.1.0 스킨을 사용하고 있는데,
가독성을 위해서 폰트를 조금 변경해 보고자 한다.
위 스킨의 기본 글꼴은 돋움 이며, 폰트 크기는 12px 로 설정되어 있다.
이를 나눔고딕에 13px 로 변경하고자 한다. 줄간격도 조금 넓혀서 1.5em 으로 바꾸어 보자.
티스토리 관리에서 꾸미기 > HTML/CSS 편집 으로 들어간다.
아래쪽의 style.css 에서 font-family 와 font-size 를 찾아서 변경하면 된다.
일단 전체적인 설정 부분인
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button,fieldset,img,dl,ul,ol,menu,li {
margin:0;
padding:0;
border:0;
line-height:1.5em;
font-family:나눔고딕, 돋움, Dotum, AppleGothic, sans-serif;
}
body {
background-color:/*@background-color=*/#E8E8E8/*@*/;
background-image:/*@background-image=*/none/*@*/;
background-repeat:/*@background-image-repeat=*/no-repeat/*@*/;
background-position:/*@background-image-position=*//*@*/;
font-size:13px;
border-top:4px solid #5C5C5C;
}
부분에서 font-family 와 font-size 를 변경해 준다.
글내용의 폰트를 바꾸고자 한다면
.article {
width:/*@post-width=*/728px/*@*/;
color:/*@post-body-color=*//*@*/;
font-size:/*@post-body-font-size=*/13px/*@*/;
font-family:/*@post-body-font-family=*/나눔고딕,dotum/*@*/;
word-break:break-all;
word-wrap:break-word;
overflow:hidden;
}
부분을 찾아서 변경하면 되고,
글제목의 폰트를 바꾸고자 한다면
.titleWrap h2 a {
color:/*@post-title-color=*/#5C5C5C/*@*/;
font-size:/*@post-title-font-size=*/13px/*@*/;
line-height:1.3em;
font-family:/*@post-title-font-family=*/나눔고딕,dotum/*@*/;
}
부분을 찾아서 바꾸어 주면 된다.
'블로그운영' 카테고리의 다른 글
티스토리에 Daum Ad@m (모바일용) 플러그인이 오픈되었다. (0) | 2014.02.13 |
---|---|
구글 애드센스 페이지 RPM - 1,000회 노출당 수익(RPM) (2) | 2014.02.10 |
티스토리 Tistory 에서 본문에 외부 이미지 삽입하기 - 글쓰기에 외부컨텐츠 삽입 (0) | 2014.02.10 |
구글 애드센스 새 결제 방법 추가 - 은행계좌로 송금 (0) | 2014.02.08 |
블로그 매입이나 임대를 원한다는 쪽지 - 이유와 개인정보 유출의 원리 (0) | 2014.02.08 |