[IT] 티스토리 글 높이 변경

 

line-height 에서 조정을 해주면 수정이 됩니다.

 

안녕하세요

래리킴입니다

오늘은 블로그를 운영하면서 편집하는 방법에 대해서 알아보겠습니다.

저는 티스토리에서 제공해주는 @charset "utf-8" 을 적용하고 있습니다.

 

블로그를 운영하시는 분들이 

(저만그러는지 모르겠지만)

기존의 블로그 배치를 조정해보고 수정해보고 하면서

본인에게 가장 맞는 방법을 찾으시는 것으로 알고 있습니다.

즉, try & error방식으로 실제 해보면서 경험해보시는 것 같습니다.

가끔 잘 알려진 블로그 운영방법에 대해 참고할 일이 있지만

더러 없는 경우가 있어서 알려드리려고 합니다.

저는 수정과정중에 글씨간격이 너무 벌어지는 현상이 생겼습니다.

그래서 여기저기 알아 보았으나, 이 부분에 대해서 명쾌하게 알려주는 곳이 없어

이렇게 직접 작성하였습니다.

 

---

저는 컴퓨터와는 그리 친한편이 아닙니다.

그저 회사에서 보고서 쓰는 정도의 컴퓨터 실력이지요.

그런 관점에서 쉬운 방향으로 설명해보겠습니다.

 

이 내용은 티스토리에서 제공하는 기본스킨에서 진행합니다.

우선 관리자 모드에서 스킨편집으로 이동합니다.

그 중에 오른쪽 메뉴에서 html 편집을 누르고, CSS로 이동합니다

그 이후에 아래의 위치를 파악합니다.

ENTRY CONTENT로 이동합니다.

잘 모르는 영어가 막 쓰여져 있죠. 이 부분에서

line-height로 이동합니다.

 

/* Entry Content */
.entry-content h1 {
margin: 60px 0 19px;
font-size: 1.6875em;
}
.entry-content h2 {
margin: 60px 0 19px;
font-size: 1.5em;
}
.entry-content h3 {
margin: 60px 0 19px;
font-weight: 700;
font-size: 1.3125em;
}
.entry-content h4 {
margin: 60px 0 19px;
font-weight: 400;
font-size: 1.125em;
}
.entry-content p {
margin-bottom: 30px;
font-size: 1.0em;
line-height: 1.0;
color: #666;
}

 

글자높이 = 1.5인경우

line-height = 1.5 일 경우

글자높이 = 2.5인경우

line-height = 2.5 일 경우

 

2.5로 숫자가 커지니, 글자 사이 간격이 더 벌어졌지요?

 

다시한번 요약드립니다.

1단계 : Entry Content를 찾는다.

2단계 : line-height: 1.0에서 숫자를 변경한다.

3단계 : 수정하고, 적용을 누른다.

끝.

 

위 내용을 참고하시어

블로그 운영에 도움이 되었으면 합니다.

이상 IT리뷰에 대해서 안내드렸습니다.