[SyntaxHighlighter] 글자간격(자간) 늘이기

이상하게 내 블로그에서만 SyntaxHighlighter 사용시에 글자간격(자간)이 너무 좁게 나왔다. 현재는 고쳐서 잘나오지만..

예전 이미지와 제대로 수정한 이미지를 비교하면 많이 다르다.

<변경전>

<변경후>

아놔 훨씬 보기 편해졌다... 

티스토리에서 관리자 화면에 들어가면 [HTML/CSS 편집] 메뉴가 존재한다.

내가 사용하고 있는 스킨에 기본 style.css 에 letter-spacing 옵션이 지정되 있어서 문제였던 거 같다.

본문 적용 부분에 leteer-spacing:-1px; 로 되있는 것을 찾았다.

/* 본문 */
.entry .desc {
	(..생략..)
	letter-spacing:-1px;
}

아 이게 문제였다. 그렇다고 이걸 바꿔버리기엔 본문에 적용되어 있던 속성이니 좀 달라질게 뻔하고, SyntaxHighlighter 중에 shCoreDefault.css 파일에 letter-spacing:0px; 속성을 주기로 했다.

.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
  (..생략..)
  min-height: inherit !important;
  min-height: auto !important;
  letter-spacing:0px;
}

파일을 열어서 위의 속성에 마지막에 0px 로 지정해서 넣어주자. 이 파일을 다시 업로드하면 깔끔하고 정상적인 자간으로 보인다.