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

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

티스토리는 네이버 블로그와는 다르게 HTML과 CSS를 활용하여 손쉽게 나만의 홈페이지를 만들 수 있는 웹 기반 서비스입니다.

그러나 자유로운 그리드 형태의 홈페이지를 만들다 보면 글씨 크기와 폰트 선택 등이 가독성에 영향을 미칠 수 있습니다. 이런 이유로 티스토리 사용자는 제목, 머리말, 본문 글씨 크기 및 폰트를 변경하여 블로그의 아이덴티티를 구축하고 가독성을 향상시키는 방법을 알아보고자 합니다.

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

아래에서는 FastBoot 스킨을 기준으로 설명하겠지만, 다른 스킨을 사용하더라도 방법은 크게 다르지 않습니다.

• 1. HTML과 CSS 분리
  • 티스토리에서는 HTML(구조)과 CSS(스타일)을 분리하여 관리합니다. 이렇게 하면 소스 코드를 보다 효율적으로 관리할 수 있으며, 글씨 폰트 등을 고정시킬 수 있습니다.
• 2. CSS 편집
  • HTML은 홈페이지의 기본 구조를 정의하고, CSS는 홈페이지의 스타일과 디자인을 담당합니다. 글씨 크기 및 폰트 스타일을 변경하려면 CSS를 편집해야 합니다.
• 3. 글씨 크기 및 폰트 설정
  • CSS 편집을 통해 제목, 머리말, 본문의 글씨 크기 및 폰트 스타일을 원하는 대로 지정할 수 있습니다. 예를 들어, `<h1>`, `<h2>`, `<h3>` 등의 HTML 태그를 선택하여 관련 스타일을 수정할 수 있습니다.

티스토리는 사용자에게 HTML과 CSS를 분리하여 스타일링을 자유롭게 할 수 있는 환경을 제공합니다. 이를 통해 원하는 폰트와 글씨 크기로 블로그를 스타일링하여 독자들에게 더 나은 가독성과 블로그 아이덴티티를 제공할 수 있습니다. CSS 편집을 통해 스킨을 원하는 대로 커스터마이즈하여 티스토리 블로그를 개성 있게 만들어보세요.

티스토리 폰트 사이즈 변경

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

 

티스토리 글씨 폰트 크기 변경 방법 (CSS 탭 사용 예시)

지금까지 HTML에서 수정을 주로 했었지만, 이번에는 CSS 탭을 활용하여 글씨 폰트 크기를 변경해보겠습니다. 아래 예시를 통해 폰트 크기를 수정하는 방법을 알아보겠습니다.

티스토리 블로그 관리자 패널에서 CSS 탭을 찾아 이동합니다.

원하는 부분을 찾기 위해 키보드에서 Ctrl + F를 눌러 "Post"라고 검색합니다.

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

해당 부분을 찾았다면, 원하는 폰트 사이즈로 변경합니다.

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

예시에서는 글씨 폰트 크기를 16px로 변경했습니다. 이 부분을 자신이 원하는 폰트 사이즈로 수정합니다.
수정을 완료한 후, 변경사항을 저장합니다.

수정된 글씨 폰트 크기가 적용된 것을 확인하기 위해 글을 확인합니다. 변경된 사이즈로 글씨 폰트가 적용되었을 것입니다.

이렇게 CSS 탭을 활용하여 티스토리 블로그의 글씨 폰트 크기를 변경할 수 있습니다. 마찬가지로 머리말인 h1, h2, h3 등의 스타일도 여기서 수정할 수 있습니다. CSS를 활용하면 블로그의 디자인을 더욱 자유롭게 커스터마이즈할 수 있습니다.

티스토리 Fastboot 폰트 크기 본문 글씨 폰트 설정방법 - 노랗IT월드

 

워드프레스 나눔고딕 폰트 Google Fonts For WordPress 적용방법

 

티스토리 본문 글씨크기 H2 H3 H4 제목 색상변경