티스토리 고래스킨 폰크 크기 변경

webstudy / / 2021. 2. 23. 16:30

 

티스토리 고래스킨 폰트 크기 변경을 해보았습니다.

현재 제가 운영하고 있는 이 블로그의 스킨은 무료로 사용할 수 있는 고래스킨입니다.

 

얼마전부터 SEO에 관심이 생겨서 조금 더 이 블로그를 SEO에 맞춰보고자 했는데

가장 처음으로 해볼 부분이 가독성을 높여주는 작업이었습니다.

 

가독성을 높여주기 위해서 고래스킨의 컨텐츠내의 글자 크기를 기존 16px > 18px 로 변경하였습니다.

 

혹시라도 고래스킨을 사용하시는 티스토리 블로거분들중에서 폰트크기를 변경하고자 한다면

다음과 같이 따라와 주시면 됩니다.

고래스킨 폰트 크기 변경하기

고래스킨 뿐만이 아니라 다른 티스토리 스킨을 직접 수정하는 방법은 대개 동일합니다.

다만 제작자별로 html 파일내의 태그나 변수등을 다르게 하는 경우가 종종있기때문에 

같은 작업을 원하지만 다른 위치, 다른 변수명으로 지정된 경우가 많습니다.

아래의 방법은 현재 고래스킨을 티스토리 스킨을 사용하시는분들이 컨텐츠내의 글자 크기를

바꾸고 싶을때 따라하실 수 있는 방법입니다.

고래스킨 폰트 크기 변경 순서

스킨을 직접 수정하는 방법은 관리자페이지에서 위의 그림에 나와있는것처럼

좌측메뉴에서 꾸미기 > 스킨편집 메뉴를 선택하시면 됩니다.

 

스킨편집 메뉴로 이동하시면 우측화면에 위 그림과 같은 내용이 나오는데요.

여기서 html편집 버튼을 클릭해줍니다.

 

우리는 구조를 변경하려는것이 아니라 고래스킨 폰트 크기만 변경할것이기때문에

위 그림의 번호 순서와 같이

  • 1번 > 상단에서 CSS 메뉴 선택
  • 2번 > CSS파일에서 글자찾기(컨트롤+F)를 해서 .e-content.post-content 문자를 찾는다
  • 3번 > 해당 css태그에서 font-size를 18이나 원하는 크기로 변경한다
  • 우측 상단의 적용버튼을 클릭한다.

.e-content.post-content p {
    line-height: 30.64px;
    font-size: 16px;
    font-family: "맑은 고딕",NotoKrR,'Noto Sans KR',sans-serif!important;
    letter-spacing: -.75px;
    position: relative;
    display: block;
    color: #666;
}

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기