-->
본문 바로가기

IT, 테크 정보

티스토리 본문 폰트 크기 및 줄 간격 조절 (Magazine 스킨)

반응형

안녕하세요 느린 블로그의 정거북입니다

티스토리 운영하시면 여러가지를 스스로 설정해야합니다

포스팅을 하면 읽기 편해야 하지 않겠습니까?

 

제가 쓴 포스팅이 어떻게 보이나 봤는데

글씨가 너무너무 작아보이더라구요

그래서 조절할 방법을 찾던 중에

성공한 방법을 공유합니다

 

티스토리는 어떤 스킨이 적용되어 있는가에 따라

조절방법이 다릅니다

제 경우는 MAGAZINE 매거진 스킨입니다

다른 스킨들은 스킨 명과 함께

검색하시면 찾기 쉬우실 거에요

 

Magazine 스킨 본문 폰트크기 조절 방법

티스토리 관리 페이지에 들어가면

꾸미기 탭에 스킨 편집이라는 메뉴가 있습니다

클릭해봅시다. 

 

그러면 오른쪽에 스킨 이름과 

html 편집 이라는 메뉴가 보이실겁니다

html 편집을 누르면 아래화면이 나옵니다

HTML 과 CSS, 파일업로드 3개의 메뉴가 있는데

그 중에 CSS 를 클릭합니다

Ctrl + F 키를 눌러서 검색을 합니다

body, button, input, select

까지만 입력하고 검색해도 나옵니다 

위의 화면이 보이실 텐데 

여기서 font-size: 가 글씨 크기를 말합니다.

저는 12로 되어있던것을 16으로 키웠습니다

결과물은 현재 보시는 그대로입니다

 

Magazine 스킨 본문 줄 간격 조절 방법

이번에는 Ctrl + F 를 눌러서

.box_article .article_cont p

를 검색해줍니다

 

그러면 위와 같은 화면이 나오는데

line-height:

가 줄 간격을 조절합니다

저는 폰트 사이즈를 늘리니 

간격이 너무 가까워서

31px 로 조절하였습니다 

 

바로 왼쪽에서 결과물을 확인할 수 있으니

여러분이 보시기에 알맞은 크기와 간격을 조절해보세요

원활한 티스토리 활동 되시길 바랍니다^^

 

 

반응형