티스토리를 하시는 분들이라면 제목과 폰트 크기를 변경하고 싶은 분들이 계실텐데요.
물론 티스토리에서 글을 포스팅할 때 상단에서 제목1, 제목2,제목3 /
본문1 본문2 본문3으로 제목과 글씨 크기를 변경할 수 있습니다.
하지만 글을 쓸 때마다 변경하는건 매번 귀찮기 때문에
한번만 원하는 크기로 설정 더이상 수정할 필요가 없습니다.
오늘은 CSS로 티스토리 제목 및 글씨 폰트를 수정하는 방법에 대해 알려드리겠습니다.
목차
티스토리 제목 크기 변경 방법
티스토리 제목 크기를 변경하는 방법을 알려드리겠습니다.
여기서 제목은 본문에서 사용하는 제목 즉 h태그를 의미합니다.
h1, h2, h3 설정하면 제목의 크기가 점점 작아지게 됩니다.
일정한 크기로 설정하는 방법을 알려드릴게요.
제목과 본문 글씨 크기를 수정하기 위해서는
티스토리 스킨 편집 페이지로 이동해야합니다.
티스토리 관리자 페이지에서 왼쪽 하단에 꾸미기에 있는 스킨편집을 클릭해주세요.
스킨 편집 화면으로 변경이 됩니다.
이때 html편집을 클릭해주시면 됩니다.
html 편집 화면으로 변경됩니다.
여기서 상단에 html 옆에있는 css를 클릭해주시면 됩니다.
폰트 크기는 css에서 수정할 수 있기 때문입니다.
여기서 css 아무곳이나 클릭 후 ctrl+f 를 누르면
상단에 검색할 수 있는 창이 나타납니다.
여기서 .entry-content 를 검색해주시면 됩니다.
그럼 이렇게 entry-content h1 이 보이실텐데 이게 바로 본문에 들어가는 제목 입니다.
entry-content h1에 font-size 옆에 있는 숫자를 변경해주시면 됩니다.
폰트 단위는 em, px 로 변경할 수 있습니다.
30px으로 수정 후 상단에 있는 새로고침을 클릭하면 입력한 수치만큼
글씨가 변경된 걸 확인할 수 있습니다.
원하는 만큼의 크기로 변경이 되었다면
나머지 h2,h3,h4,h5,h6를 다 일정한 폰트 크기로 수정해주시면 됩니다.
수정 후에는 상단에 있는 적용을 꼭 눌러주셔야지 완벽하게 적용이 완료됩니다.
Tip
추후에 다시 제목의 크기를 변경하고 싶을 때 금방 찾을 수 있게
주석을 /* */ 을 달아주시면 더 편리하게 찾을 수 있습니다.
css 주석을 /* 제목 크기 수정 */ 이런식으로 달아주시면 됩니다.
주석은 css에 영향을 주지 않고 관리자가 작업하기 편하게
메모해 둔다고 생각하시면 됩니다.
참고로 html 주석은 <!-- --> 입니다.
html과 css 주석은 다릅니다.
📌알고있으면 좋은 티스토리 정보
가비아 티스토리 서브 하위 도메인 설정
티스토리 글씨 폰트 크기 변경 방법
이번에는 티스토리 본문 글씨 폰트를 크기 변경하는 방법입니다.
본문 글씨 폰트도 제목과 수정하는 것과 동일하게 해주시면 됩니다.
CSS 페이지에서 ctrl+f를 눌러 검색창에
entry-content p 입력해주시면 됩니다.
왓에버, 북클럽, 포스터 스킨을 사용하신다면
entry-content p 검색하면 바로 찾을 수 있습니다.
(하지만 다른 스킨을 사용하신다면 본문 글씨를 찾은 후 입력해주셔야합니다.)
그럼 이렇게 본문 글씨 부분으로 자동 이동 됩니다.
font-size 옆에 있는 폰트 크기 숫자를 입력해주시면 됩니다.
본문 폰트를 수정할 때도 숫자 입력 후 새로고침해서
입력한 폰트크기가 괜찮은지 확인해야합니다.
본문 글씨도 제목과 동일하게 주석을 달아서 나중에 찾기 쉽게 해주시는 게 좋습니다.
저는 본문 크기를 20px로 입력했습니다.
