블로그운영2014. 2. 7. 22:49
300x250



티스토리 글꼴 폰트 크기 변경 

- 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/*@*/;

}

부분을 찾아서 바꾸어 주면 된다.




300x250
Posted by 마스타