이번에 적용한 스킨의 제목 크기가 너무 작아 스킨을 조금 변경하여 제목 크기를 늘리려고 하였다. bluesky 스킨에서 일반적인 기사의 제목의 스타일이 적용되는 곳은 skin.html 의 539번째 줄이다.

기본값으로 제목은 14px(약 10.5pt)의 크기를 가지고 있다. 본문의 기본값인 9pt보다 겨우 1.5포인트 큰 값이다. 이걸로는 조금 부족한 느낌이 든다. 이것을 24px(약 18pt)로 바꿔보기로 했다.

일반적으로 1 px는 0.75 pt와 같은 크기라고 한다. 즉, 일반적으로 pt = 0.75 * px의 관계식이 성립한다. 예를 들어 7.5 pt는 10px와 같은 크기이다. 물론 이것은 절대적인 것은 아니다.
px와 pt의 크기 비교는 http://kukie.net/resources/design/font_size.html 에서 확인할 수 있다. 글꼴 크기에 대한 더욱 자세한 내용은 http://ilmol.com/wp/2006/06/07/230/ 이곳을 참조할 수 있다.

제목이 크게 나오긴 하는데, 문제는 글자의 위쪽이 잘려나가는 것이었다. 보통은 글자 크기에 맞게 자동으로 셀의 크기가 늘어나는데, 이런 일이 발생하니 의아했다.

여전히 글자가 잘리고 있었다. 많은 시행착오 끝에 이 문제는 CSS와 관련이 있음을 알게 되었다. 즉 style.css 파일을 수정하면 되는데, CSS에 대해서 잘 알지 못하기 때문에, CSS의 어떤 부분을 고쳐야 하는지 막막했다.
다행히도 단군넷의 Dive2Net님이 해결의 실마리를 제공해주었다.

[01:41:12] <Dive2Net> css 에 클래스 하나 더줘서 따로 지정해줘도 될듯 -_-;

이 한 문장이 결정적인 도움이 되었다. 사실, 이 bluesky 스킨은 모든 셀의 글자 크기를 9pt로 설정해놓고 있었다. 즉 12px였다. 그리고 줄 간격이 1.5em이므로, 12px의 1.5배인 18px만이 한 줄의 공간으로 할당되어 있는 것이었다.

참고로 상대적인 줄 간격의 내용은 http://www.emh.co.kr/xhtml/css_font_size.html 을 참고하기 바란다.

이 문제를 해결하기 위해 새로운 td2라는 클래스를 만들고, 이곳에 줄간격을 3em, 즉 36px정도로 주었다. 글자 크기가 24px니 8px의 적당한 여백까지 준 것이다.

이렇게 해서 셀 크기를 조절할 수 있었다. 적당한 크기의 제목 크기, 좀 더 나아 보인다.

도움을 주신 Dive2Net님께 감사드린다.