본문 바로가기
티스토리 애드센스 워드프레스

티스토리 제목 머리말 글씨 크기 폰트 변경

by 노랗_NX_블로그 노랗 2019. 8. 5.

티스토리 제목 머리말 글씨 크기 폰트 변경

티스토리는 네이버 블로그와 달리 다양하게 html이나 css를 이용하여 나만의 홈페이지를 만들기 손쉽게 되어 있는 블로그 웹 기반 서비스입니다.

 

그리고 네이버블로그처럼 자유로운 그리드 형태의 홈페이지를 만들다 보니 내 블로그 해상도에 어울리는 글씨 폰트나 폰트 사이즈 등이 가독성을 해칠 수 있고 나만의 아이덴티티를 살리는 본문 글씨를 지정하는 방법에 대해서 알아보겠습니다.

 

본 스킨은 FastBoot 스킨 기준으로 진행되지만 다른 스킨이어도 방법은 크게 다르지 않습니다.

 

기본적으로 글을 작성할때 마다 글씨 폰트 등을 설정하는 것은 글이 1~2개가 아닌 이상은 시간이 너무 많이 걸리고 뿐만 아니라 앞으로 글을 작성하는 데에도 불편함이 있기 때문에 홈페이지 CSS에서 폰트 부분을 고정시키는 것입니다.

 

 

우리가 흔히 아는 HTML 은 홈페이지의 기본 틀을 구성하고 CSS는 이 홈페이지에서 스타일 (폰트나 디자인 영역)을 나누어 관리합니다.

 

티스토리 블로그 제목 머리말 글씨 크기 폰트 조절 

 

기존에는 이 두 가지를 함께 관리했지만 이렇게 두 개로 나누어 관리하다 보니 소스 코딩을 보기도 편해지고 작업하기도 편리해지는 장점이 있으며 폰트 스타일 변경을 위해서는 CSS 편집을 해야 합니다.

폰트 사이즈 변경

 

티스토리에서 스타일 CSS를 수정하기 위해서는 티스토리 - 꾸미기 - 스킨 편집으로 들어간 뒤 Html 편집으로 들어갑니다.

 

 

  1. 지금까지 html에서 수정을 주로 했었는데 이번에는 그 옆에 있는 CSS탭으로 이동해 봅니다.
  2. 다음 우리가 원하는 부분을 찾기 위해서 Ctrl + F를 눌러 Post 라고 검색합니다.

 

font-size: /*@post-body-font-size*/12px/*@*/; 

 

해당부분을 찾습니다.

 

폰트사이즈 입력

font-size: /*@post-body-font-size*/폰트사이즈/*@*/; 

저는 12px라고 되어있는데 이 부분을 자기가 원하는 폰트 사이즈로 변경하면 됩니다.

보는 것과 같이 Body Font 사이즈를 바꿀 수도 있고 머리말인 h1 h2 h3 등도 여기서 수정을 할 수 있습니다.

 

그리고 저장을 해줍니다.

 

그리고 글을 확인해보면 변경된 사이즈로 글씨 폰트 가변경 적용된 것을 확인할 수 있습니다.

참고 포스팅

댓글0