티스토리 글자 크기 조절하기

 

블로그로 정보를 전달할 때  중요한 건  글이 잘 읽혀야 합니다.

가독성을 높이는 방법은 여러가지가 있는데요, 저번에 폰트(글씨체)를 바꾸는 법을 포스팅했습니다.

따라 하기 쉽고 시간도 얼마 걸리지 않으니 확인해보시면 좋겠습니다.

https://jjangtech.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EA%B8%80%EA%BC%B4%ED%8F%B0%ED%8A%B8-%EB%B0%94%EA%BE%B8%EB%8A%94-%EB%B2%95

티스토리 글꼴(폰트) 바꾸는 법

 

 

티스토리 글자 크기 조정하기

 

오늘은 글 간격, 크기, 글자색을 바꿔보겠습니다.

처음 하시는 분들도 5분 정도면 하실 수 있으니 꼭 차근차근 따라 해 보시기 바랍니다.

익숙해지시면 1분도 안 걸립니다.

이미 CSS, HTML에 익숙하다면 아래 요약을 참고해주시기 바랍니다.

처음 해보시는 분들은 사진을 보면서 천천히 따라 해 주세요.

 

💡 이미 CSS, HTML 문법에 익숙하다면..(요약)

1. 티스토리 관리창 - 꾸미기 탭 - 스킨 편집 - HTML 편집

2. 상단의 CSS탭 진입

3. 검색 툴 활용[CTRL + F]해서 . entry-content p 검색
(아래는 코드 분석입니다)
.entry-content p
 {
margin-bottom: 32px;
word-break: break-word; /*줄 바꿈*/
font-size: 1.1em; /*글자 크기 조절*/
line-height: 2.3; /*글 간격 조절*/
color: #555; /* 글자 색*/
}

4. CSS 코드 변경 후 적용해보면서 본인 스타일에 맞게 조정

 

 

---

블로그 관리창 진입 후  꾸미기 탭 하단의 스킨 편집을누르면 화면이 바뀌면서  우측 상단에 HTML 편집 버튼 이 나옵니다.

눌러주세요. 

 

 

HTML편집 버튼을 누르면 상단에 HTML/CSS/파일 업로드 창이 나오는데 CSS 눌러주세요.

 

 

Ctrl + F 검색 툴을 이용하셔서. entry-content p를 검색해주세요(복사 붙여 넣기 하셔도 됩니다.)

 

 

처음 나오는 css 코드를 변경해주시면 되는데요.

저는 북클립 스킨을 쓰지만 다른 스킨들도 확인 결과 크게 다르지 않았습니다.

font-size와 line-height의 숫자를 변경해주시면 됩니다,

css코드 분석

. entry-content p
{
margin-bottom: 32px;
word-break: break-word; /*줄 바꿈*/
font-size: 1.1em; /*글자 크기 조절*/
line-height: 2.3; /*글 간격 조절*/
color: #555; /* 글자 색*/
}

 

 

아래는 폰트 크기 조절 예시입니다.

font-size코드 조절 전과 후

 

아래는 행간(줄사이 간격) 크기 조절 예시입니다. 

끝입니다. 쉽죠?

 

---

저같은경우에는 모니터에 화면을 두개를 띄워놓고 작업을 하는데요.

기존에 포스팅 해놓은것을 켜놓고 적용과 새로고침버튼을 활용해서 어떻게 변하는지 실시간으로 확인한다음,

제가 원하는 사이즈를 찾아서 적용해 놓았습니다.

어려운작업이 아니니까 꼭 따라해보시기 바랍니다.

포스팅이 도움이 되었다면 공감,구독 눌러주시면 감사하겠습니다.