반응형스킨1 글자크기,글자색상 및 줄간격 조정하는 법

반응형스킨1로 변경한 지 1달이 되어갑니다. 잘 만들어진 반응형스킨이므로 잘 쓰고 있으나 아쉬운 점이 없는 건 아니에요. 가장 아쉬운 점 중의 하나가 글씨가 회색에 가까워서 한 눈에 잘 안들어온다는 거였지요. 그리고 글자크기도 좀 변경하고 싶었고요.

HTML이나 CSS 수정해야 한다고 생각하면 골치가 아픈데요. 그러나 의외로 변경하기가 매우 간단하답니다.

그럼 어떻게 변경하는지 알려드릴게요.

 

 

 

글자색상/글자크기/줄 간격 변경하기

먼저 글자색상을 바꾸는 법을 알려드릴게요.

1. 관리자 - HTML/CSS를 클릭합니다.

 

 

CSS에서 Ctrl+F로 body,th를 검색하세요.

또는, 화면에서 11번째줄인가에 위치해 있으니 육안으로 찾으셔도 금방 찾으실 수 있어요.

body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Noto Sans', sans-serif;color:#000} /* color값은 디자인가이드에 맞게사용 */a {color:#333;text-decoration:none}

빨간색 글자 부분이 글자의 색상코드예요. 원하시는 색상의 코드를 넣으시고 저장만 눌러주시면 변경이 돼요. 저는 검정색 글씨가 가장 편하다고 생각하기 때문에 검정색 코드인 666으로 변경해줬어요.

 

그 다음은 글자크기와 줄간격을 조정해야겠지요?

Ctrl+F로 skin_view를 검색합니다.

그러면 15번째인가에

skin_view .area_view p {font-size:16px;line-height:2.0; margin:0 auto 0px}가 나와요.

여기서 font-size는 글씨 크기

line-height는 줄간격이므로 원하시는 대로 수치를 수정만 해 주시면 됩니다.

 

 

그럼 비포애프터를 보여드릴게요.

먼저 수정 전

수정 후

 가독성이 훨씬 좋아지지 않았나요?ㅎ 한 눈에 더 잘들어와서 만족스럽습니다.

티스토리의 장점 중의 하나가 설정을 내가 원하는대로 하나하나 바꿀 수 있다는 거잖아요? 그러니 불편한 게 있으면 하나하나씩 스타일대로 변경해 보면 됩니다. 대신 수정하시기 전에는 꼭 스킨백업부터 해 두는 센스~

 

제 티스토리 블로그에 와주셔서 감사합니다. 어제보다 더 나은 오늘이 되었길 바라며 또 다른 포스팅으로 만날 수 있기를 바랄게요:) by 율리한