본문 바로가기

computer

티스토리 본문 글자 크기 수정

반응형

티스토리 본문 글자 크기 수정


티스토리 포스팅을 하고 나서 내용을 다시 보면 글자가 너무 작게 나오는 듯한 느낌을 받아요.

어떤 스킨은 글자 크기가 크게 나오는 것 같은데 어떤 스킨은 또 작아지고.

저만 그런 느낌을 받는 것인가요?

스킨을 변경하기 전에는 이렇게 안 작았던 것 같은데 말이죠.

그래서 다른 방법을 찾아 보았습니다.

찾아보니 티스토리는 스타일시트라는 것이 적용 되기에 

CSS 파일에서 수정을 하면 된다고 하네요.

저도 따라 해 보니 정말 간단하게 수정을 할 수가 있었습니다.



본문의 글씨가 너무 작아 보기가 많이 불편합니다.

포스팅 시 기본적으로 글씨 크기를 변경하지 않아도

본문에서 보면 글씨가 크게 보이도록 설정을 해 보도록 하겠습니다.

우선은 관리자 모드에 들어가셔야 합니다.



관리자 모드에 들어오니 왼쪽에 메뉴들이 나열되어 있네요.

여기서 꾸미기 메뉴 중 스킨 편집을 클릭합니다.



스킨 편집을 클릭하면 위와 같은 화면이 나오는데요.

최신글, 티에디션, 테티데스크를 선택할 수 있는 버튼이 보입니다.

티 에디션에서 홈설정과 기본설정들을 변경할 수 있는 메뉴들이 보이네요.

우리가 변경을 할 메뉴는 CSS 파일이므로 우측 상단의 "html 편집" 을 클릭합니다.




그럼 위와 같이 영어로 된 화면이 나오는데요.

모르는 문장에 뭔지 모를 외계어 같지만 전혀 신경을 쓰지 않으셔도 됩니다.

우리가 원하는 것이 아닌 것에는 그냥 손을 안 대고 그대로 두시면 되요.

기본적으로는 HTML 편집화며이 보여질 것입니다.

HTML이 뭔지 모르셔도 상관없습니다.

우리가 수정할 것은 CSS의 내용이므로

상단에 CSS 라는 것이 보이는데 해당 메뉴를 클릭 해 주세요.



조금 전에 봤던 html 과 비슷한 형태의 영어로 된 것들이 보입니다.

우리가 수정할 것은 본문에 나오는 글자의 크기입니다.

키보드에서 컨트롤키를 누르고 F 키를 눌러 줍니다. ( Ctrl + F )

그런 다음 .article 이라고 입력을 해주세요.

그럼 .article 로 시작하는 여러개의 항목들이 보일 것입니다.

예를 들면 아래와 같은 것들 말이죠.


  .entryNotice .article, .entryProtected .container, .entry .container {padding:10px 20px 17px 20px; }


.entry .admin {padding-bottom:14px; }

.entry .admin, .entry .admin a {color:#A1A1A1; font:12px/18px dotum; }


.article {

width:/*@post-width*/683px/*@*/;

color:/*@post-body-color*/#8A8A8A/*@*/;

font-size:/*@post-body-font-size*/15px/*@*/;

font-family:/*@post-body-font-family*/dotum/*@*/;

word-break:break-all;

word-wrap:break-word;

overflow:hidden;

}


.article p {margin:1em 0;}

.entry .article a {color:#8A8A8A; text-decoration:underline; }


이 중에서 우리가 찾아야 하는 것은 ".article {" 로 시작하는 부분입니다.

위 표에서 붉은색으로 표시를 한 부분입니다.

파란색의 .article 들도 있지만 이들은 본문의 html에서 또 다른 조건이 들어가는 경우의 셋팅입니다.

우리는 본문에 나오는 기본 글자의 크기만 변경을 하도록 하겠습니다.

".article {" 로 시작하여 "}" 로 끝나기 전에 font-size 라는 부분이 있을 것입니다.

여기의 폰트 사이즈의 크기를 변경 해 주면

티스토리 본문에서도 적용되어 글자의 크기가 변경 됩니다.

전 기존에 10px로 되어 있었는데 15px로 변경을 해 보도록 하겠습니다.


내용을 변경 후에는 우측 상단의 "적용"버튼을 클릭하면 바로 적용이 된답니다.



15px로 변경한 글자 크기 입니다

확실히 읽기가 편해 질 정도로 커 졌습니다.

소스를 건드려야 한다는 것이 약간은 두려움도 있겠지만

한번 해 보시면 크게 어려울 것은 없어요.


오늘은 티스토리 본문 글자 크기를 수정하는 방법에 대하여 포스팅 해 보았습니다.

포스팅 시 글자 크기를 일일이 수정하지 않아도

CSS 파일 하나만 수정하여도 되는 편리한 셋팅 방법 말이죠.



반응형