이 블로그 검색

2015년 12월 20일 일요일

구글블로그 꾸미기 줄간격, 글자크기 조절 [가독성 올기기] - PC / 모바일

블로그를 운영할 때 글자의 크기 및 줄 간격은 매우 중요하다고 생각을 합니다.

PC(웹버전)

수정 전 - 

<사진을 클릭하면 크게 볼 수가 있습니다.>

수정 후 - 


모바일(스마트폰)

수정 전 - 


<사진을 클릭하면 크게 보여요.>

수정 후 -

 pc (웹버전)

코드복사가 안될 때 <- 클릭
모바일 (스마트폰) 
코드복사가 안될 때 <- 클릭
글자 크기 font-size:
줄 간격 line-height: 

글자크기인 font-size:는 한번 입력을 하여두시면 기본글자 크기가 되겠습니다. 구글블로그의 폰트사이즈는 그닥;; 좋지가 않아서 수정을 좀 하는 것이 좋더군요. 
줄 간격인 line-height: 에서는 본인이 원하는 간격으로 조절을 하시면 되겠습니다. 현재는 1.9;인데 대부분 1.7;를 많이 사용하는 거 같습니다. 


모바일 줄 간격을 하고나서는 꼭 템플릿 -> 모바일 -> 사용자지정으로 하시기 바랍니다.