[Tistory] 티스토리 코드블럭 스타일 자간 행간 변경

기껏 티스토리 아티클 자간 변경을 했더니 코드블럭은 안바뀌더라..

 

간단하다.

 

티스토리 코드블럭 스타일 변경

 

설정 > 스킨편집 > html  편집 > css 페이지

> 검색 : code

code,
kbd,
samp {
  font-family: 'Humanbumsuk', 'Humanbumsuk';
  /* 1 */
  font-size: 1.05em;
  /* 2 */ 
  /* haea edite */
  line-height:150%;}

나 같은 경우는 위와 같이 떴는데, code가 아예 없는 경우도 있다. 그러면 만들면 된다. 최상위 태그로 아래와 같이 작성하면 된다.

code {
	letter-spacing:1px;
	font-height:180%;
}

(왜 이 몹쓸 티스토리는 탭 간격을 늘 못 맞추는 걸까. 너무 화가 난다...)

근데 왜 나는 letter-spacing을 작성하지 않았는지 궁금할수도 있다. 아닐수도 있고.

코드 블럭만이 아니라 어차피 전체적으로 적용되는 건 굳이 이중으로 작성할 필요가 없는 게으른 개발자라서 그렇다.

article 설정 부분이 상단에 있길래 그쪽에 넣어봤더니 전체적으로 설정되길래 이것만 적었다.

왜냐하면 나는 지속적으로 제목의 자간 설정 방법도 찾고 있었어서..

body {
  font-family: 'Humanbumsuk', Avenir, SpoqaHanSans, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  /* haea edite */
  letter-spacing: 2px;}

 

덧붙여서, 

아니 대체 왜 댓글 쓰는 부분에 [댓글] 이라고 적힌 글자는 왜 왜!! 폰트가 바뀌지 않는거야!!!!

댓글 폰트 변경 방법

검색 : tt_txt_g

.tt-comment-cont .tt-box-total .tt_txt_g {
  font-size:15px;
  font-family: 'Humanbumsuk';
}

사실 tt-comment-cont나 tt-box-total 같은 상단 태그에 설정하고 싶었는데 왜 안되는지 이해가 안간다. 무지랭이라서 그렇다. 니꼬쌤이랑 더 공부하고 나면 더 깔끔한 코드로 새 글을 올릴 수 있길 바란다.