본문 바로가기

별을 찾는 아이/블로그관리하기

티스토리 반응형 #2 스킨 폰트 크기 및 줄 간격 일괄변경


 티스토리 반응형 #2 스킨 폰트 크기 및 줄 간격 일괄변경


저는 티스토리 반응형 #2 스킨을 블로그에 적용하고 사용하고 있습니다.

그 와중에, 과거 글들의 폰트들이 작게 설정되어보여 폰트가 웹 상에서는 너무 작게 보인다는 사실을 최근 인지했습니다.


물론 글을 하나하나 열어서 일일히 폰트크기를 수정해주는 멋진 방법도 있지만,

이미 어느 정도 글들이 늘어났고, 그것들을 일일히 수정하느니 그냥 있는대로 놔두는 편이 낫다는 생각이 들려는 찰나,

티스토리 반응형 #2 스킨에서 폰트 사이즈를 일괄적으로 변경할 수 있는 방법을 찾았습니다.


(1) 블로그 관리에 들어가기.



[블로그 관리 - 꾸미기 - 스킨편집] 경로로 들어갑니다.


(2) html 편집 들어가기 


페이지 우측 상단에 html 편집란으로 들어갑니다.


(3) CSS 들어가기


HTML, CSS, 파일업로드 중 CSS에 들어갑니다.


(4) 수정할 부분 찾기

.area_view p {font-size:16px;line-height:28px; margin:0 auto 28px}


위의 문자열을 검색합니다. (ctrl + f)로 검색이 가능합니다.

간단하게 <.area_view p> 를 검색하셔도 되겠습니다.



저의 경우에는 180행 근처에 있었는데, 개인의 수정 여부에 따라 당연히 행 번호는 달라질 수 있습니다.

저 역시 폰트 등으로 인해 몇 가지 수정이 되어서 초기 상태와는 다를 수 있습니다.

font-size, line-height 등을 수정하고 저장하시면서 그 결과들을 새로고침하며 비교하시면, 원하는 크기를 찾으실 수 있겠습니다.


재밌게 읽으셨다면 공감버튼을 눌러주세요 ♡