CCZ-CROSS 반응형 티스토리 스킨 본문 글자크기 변경 하는법

category 블로그관리/스킨서식 2017. 4. 28. 23:21 by 0muwon 블로그관리/스킨서식

현재 이 블로그에서 사용하고 있는 티스토리 스킨은 CCZ-CROSS 반응형 스킨입니다.

흉내쟁이님이 만드신 스킨으로 http://ccz-cross.tistory.com 배포중입니다. 매우 심플해서 블로그로 사용하기에는 너무나 좋습니다.

그래도 한두가지 취향(?)이 다른것들은 조금씩 수정해서 사용할 예정입니다.

오늘은 그 첫번째로

본문 글자크기를 변경하는것입니다.

본문의 글자가 생각보다 작아서 좀 불편해 보이는 부분이 있습니다.

아래 이미지가 현재 글씨 크기입니다.

ccz-cross스킨 본문크기 변경 전

이것을 아래처럼 글자크기를 키워서 가독성이 좋게 바꾸는 방법입니다. 좀 나아보이지 않나요??^^

ccz-cross스킨 본문크기 변경 후

그럼 변경하는 방법을 소개합니다.

HTML을 잘 몰라도 어렵지 않게 수정을 할 수 있습니다. 생각보다 간단합니다.

1. 티스토리 관리자 모드를 들어가면 왼쪽사이드에 HTML/CSS 편집 메뉴가 있습니다. 메뉴를 클릭합니다.

2. 메뉴를 클릭하면 아래 이미지와 같이 화면이 반반으로 갈라져서 한쪽에는 블로그가 또다른 한쪽에는 영어로된 HTML소스가 나옵니다.

좌측 상단 HTML CSS 파일업로드 메뉴 중 가운데에 있는 CSS메뉴를 클릭합니다. 여기에서 글자크기 부분을 수정할겁니다.

3. CSS메뉴를 클릭하면 아래와 같이 네모박스 친 구간에 font-size : 16px 와 font-size : 14px 가 보입니다. 여기서 이 숫자를 변경하면 본문의 글자크기가 변경이 됩니다.

당연히 숫자가 커질수록 글자크기도 커집니다. 저는 두개를 모두 18px로 변경을 하였습니다. 자신에 맞게 수정하시면 됩니다.


body {
    color: #555;
    line-height: 1.4;
    font-size: 16px;
    font-family: "Malgun Gothic","맑은 고딕","굴림",gulim,"돋움",dotum,Microsoft NeoGothic, Droid sans, sans-serif;
    -ms-overflow-style: scrollbar; /* IE 10+ 스크롤바 오버레이 클래식으로 변경 */
}

@media (min-width: 992px) {
    body {
        font-size: 14px;
        background: #f8f8f8 url(images/bg.svg);
    }
}