인터넷, 컴퓨터 꿀팁, 유용 프로그램

[Syntaxhighlighter] 티스토리 블로그 소스 코드 폰트 크기 설정하기

THINK_PRO 2013. 11. 7. 00:25

Syntaxhighlighter 유틸리티를 사용해서 이쁘게 코드를 출력해서 사용하는 경우, 폰트의 크기가 너무 작거나 커서 불만인 경우가 많은데요. 티스토리 블로그에서 이 유틸리티를 사용할 때 폰트의 크기를 변경하는 방법이 있습니다.


일반적으로, 설정된 css 파일은 shCore.css 입니다.

skin.html 에서

...
<link type="text/css" rel="stylesheet" href="./images/shCore.css">
...

와 같은 문구를 보셨다면

shCore.css 파일을 건드려주시면 됩니다.


shCore.css 파일을 메모장 등의 적절한 에디터로 연 후에,

...
font-size: 1em !important;
...

의 부분에서 1em을 12pt/1.1em 등으로 바꾸어주시면 됩니다.

크기가 적은 것 같다면 12pt 등으로 올려서 폰트 크기를 높혀주시고,

크기가 큰 것 같다면 9pt 등으로 낮추어 폰트 크기를 줄여주시면 됩니다.


그리고 다시, 파일 업로드로 shCore.css 파일을 다시 한 번 업로드해주시면 끝입니다!