운영일지

티스토리 본문 글씨 크기, 줄간격, 색상 변경 및 본문 넓이 조정

리리pages 2020. 3. 21. 00:58
반응형

안녕하세요 리리입니다.

오늘은 블로그 가독성을 높이기 위해서 글씨굵기, 크기, 줄간격, 색상을 변경해봤는데요

나중에 변경할때 참고하기 위해 포스팅해요~ 필요하신 블로거 분들에게도 도움이 되었으면 좋겠네요 ㅎㅎ



CSS접속 방법은 아래 링크한 이전글을 참고해주세요.


2020/03/19 - 눈누 무료폰트 블로그에 적용하는 방법





1. 글씨 굵기 변경


CSS에 들어가서 ctrl+f로 /* Type Selector Reset */을 검색해 주세요




여기서 빨간 표시한 숫자 300을 원하는 숫자로 수정해주시면 됩니다.


위의 글씨가 300으로 했을때 이고 아래는 400으로 했을때의 글씨입니다.



2. 본문 글씨크기/ 색/ 줄간격 변경


위 변경사항은 제가 적용하고 있는 Whatever 스킨의 경우 아래  .entry-content p { 에서 변경해 주시면 됩니다.

font-size : 글씨크기 조정

line-height : 줄간격 조정

color : 글씨색 조정


참고로 글씨색은 네이버에 색상표 검색하시면 원하시는 코드를 찾으실수 있습니다.


    


3. 본문 넓이 조정


넓이 조정의 경우 #content .inner {를 찾아서 max-width 숫자를 변경해 주시면 됩니다.           





반응형