티스토리 H2, H3, H4 태그 글자크기 조절하는 법

티스토리에서 글을 쓸 때, 소제목으로 H2, H3, H4 등을 사용합니다. 이 때, 소제목으로 하는 H2, H3, H4의 내용이 대등한 관계라서 글자의 크기를 같게 하고 싶은데, 기본 설정은 H3, H4로 갈수록 글자의 크기가 작아집니다. 이럴 경우, 어떻게 H2, H3, H4의 크기를 같게 변경할 수 있을까요?

 

 기본 세팅

아래 그림과 같이 티스토리에서 H2, H3, H4로 갈수록 글씨크기는 점점 작아집니다.

H Tag글씨크기

소고기, 돼지고기, 닭고기는 대등한 개념이므로, 비록 H 태그는 다르지만, 같은 크기로 변경하고 싶습니다.

HTML을 확인해 보면 HTML에도 크기에 관한 설정이 있긴 하지만, 글을 쓸 때마다 매번 변경하는 것은 매우 귀찮고, 현실적으로 불가능한 일입니다.

HTML-글씨크기

이렇게 H2, H3, H4 의 글씨크기를 변경하려고 하는 경우에는, CSS에서 H Tag의 설정을 바꿔야 합니다. 

블로그홈 > 스킨편집

블로그홈-스킨편집

html편집

html편집jpg

 

entry-content를 찾아서 바꾸려고 하는 H Tag(예를들어 H3, H4)의 font-size를 변경합니다.

예를들어 아래와 같이 변경합니다.

• h3의 font-size를 1.3125em에서 1.5em으로 변경
• h4의 font-size를 1.1 em에서 1.5em으로 변경

entry-content-변경

 

그리고 적용 후 새로고침을 누릅니다.

저장-새로고침

그러면 H2, H3,  H4의 글씨 크기가 모두 같게 변경됨니다.

 

글씨크기-변경

 

이상으로 CSS에서 H2, H3, H4의 글씨 크기를 변경하는 법을 알아보았습니다. CSS에서 H2, H3, H4 등의 글씨 크기를 변경할 경우, 과거에 작성했던 문서에 모두 소급적용되니, 유의하시기 바랍니다.