한동안 블로그를 등한시 하다가, 오랜만에 분위기 좀 바꿔볼까 해서 스킨을 건드리다가 문제가 생겼습니다. 그간 포스팅 했던 글들의 폰트가 제각각이라, 통일성이 떨어지고 보기에도 썩 좋지 않더군요.
문제의 발단은 티스토리의 글쓰기 에디터 였습니다.
에디터에서 글 작성시 글꼴이나 크기를 건드리지 않고 작성된 글은 CSS 가 적용되지만, 글꼴을 바꿨거나 크기를 바꾼 글은 CSS 가 적용되지 않는다는거죠.
한참동안 CSS 를 건드려 보고 글도 여러번 수정 해 봤지만, 모든 글의 폰트를 고정 (통일) 시킬 수 가 없었습니다. 구글링 해봐도 이렇다 할 답이 안나오더군요. 그러다가 우연히 CSS 의 우선순위에 대한 글을 보다가 힌트를 얻었습니다.
.article * { font-size: 14px !important; } /* 사이즈만 고정 */
.article * { font-family: 나눔고딕; font-size: 14px !important; } /* 글꼴과 사이즈 고정 */
바로 이겁니다. style.css 내용 중 .article 부분을 찾아서 위의 내용을 추가하는 겁니다. 이렇게 하면 본문이 작성될 당시 에디터에서 어떤 글꼴이나 사이즈를 설정했다고 하더라도, 동일한 글꼴과 사이즈로 보여줄 수 있다는거죠.
그리 유용하지 않은 팁 일 수 도 있지만.. 전 이 코드 한줄로 평화를 얻었습니다. ㅎㅎ