티스토리 기본스킨 폰트 색상 색깔 바꾸기

티스토리는 현재 최초 블로그 생성시 <반응형 기본스킨 #1>을 강제 적용하고 있다. 사용자의 선택권은 별도로 제공되지 않지만 생성 이후 바꾸거나 변경하는 것에 제한은 없기 때문에 강제라고 보기엔 어렵지만 생성 당시에는 별다른 선택권이 제공되지 않는다는 점은 다소 아쉽다.

 

기본 스킨에서 가장 취약한 단점이라 본다면 최초 적용되어 있는 <기본 폰트 색상>이 검정색 혹은 검정에 가까운 회색이 아닌 옅은 회색으로 적용된다는 점이다.

 

※ 자세히 보면 첫번째 문단과 두번째 문단의 폰트 색상이 다르다.

 

위 스크린샷 화면 캡쳐에서도 볼 수 있듯이 <검정색으로 별도 지정한 첫번째줄>의 폰트색상과 바로 아랫줄의 폰트 색상에 큰 차이를 보인다.

 

시인성 측면에서 검정색 혹은 검정색보다는 약같 옅은 색상이 가장 보기 좋은데, 회색 색상은 개인적인 판단으로 너무 옅어서 눈에서 벗어나는 것이 많이 느껴진다.

 

티스토리를 처음 접하거나 HTML / CSS 편집기에 익숙하지 않은 이들이라면 이런 폰트 변경도 어렵게 느껴지기 마련이다. 그래서 글을 쓸때마다 검정색으로 강제적용해보기도 하지만 막상 결과를 보면 어디는 적용되고 어디는 안되어 있는 그런 경우도 많다. 

 

사실 알고보면 티스토리 기본 스킨의 폰트색상 변경은 그리 어렵지는 않다.

 

크롬이든 익스플로러 브라우저든 F12 키를 누르면 특정 영역의 폰트 크기나 색상 정보를 확인할 수 있다. 좌측 상단 메뉴를 통해서 특정 위치를 잡을 수 있고, 우측에는 적용되어 있는 코드의 내용과 작성된 코드의 위치를 확인할 수 있다.

 

※ 캡쳐사진 우측 하단에 보면 #666 으로 폰트 색상이 적용되어 있는 것을 확인할 수 있다.

  

티스토리 스킨파일의 구조상 HTML 하나, CSS 하나만 수정이 가능하다. 기타 파일은 업로드되어 있는 파일 내부에 있기 때문에 따로 저장받아 수정하고 재업로드하여 수정이 가능하지만 초보자들이 그런것을 할 필요는 없고, 기본적인 것들은 HTML과 CSS 스타일 수정을 통해서 수정/변경이 가능하다.

 

폰트 크기나 색상 등의 정보는 CSS 스타일 내부에서 수정 적용하면 즉각 반영된다. 

 

 

티스토리 반응형 기본스킨의  경우 폰트 색상과 폰트는 CSS 12번째 body 영역에 적용되어 있다.

 

내용상 살펴보면 폰트 사이즈가 14px이라고 되어 있는데.. 지금보니 아닌 것 같기도 하지만 저 #666이 회색빛 색상이고 이것을 #000 검정으로 변경하면 본문 폰트 색상이 변경된다.

 

※ #666을 #000 검정으로 바꾸고 새로고침하니 본문 폰트가 검정색으로 바뀌었다.

 

사실 뭐 HTML이든 CSS 코드든 야매로 배웠기 때문에 정확한 변경 방법은 아닐수도 있다. 하지만 기본적인 것들은 F12 개발자 모드에서 확인한 뒤 개별 HTML이나 CSS 스타일에서 변경을 시도해보고 적용을 시도해볼 수 있다.

 

바로 적용하지말고 새로고침으로 테스트하거나 백업해둔 다음 하나씩 적용해보면서 진행하면 그리 어렵지도 그리 불안하지도 않게 초보자도 해볼 수 있다.

출처: https://zhsks85857788.tistory.com/2 [코난8585]