고래스킨 본문 글자 크기 조절하는 법 | 매일 매일 꽃길만 걸으세요.

고래스킨 본문 글자 크기 조정하는 법을 알아보겠습니다. 저는 고래스킨을 사용하고 있는데요

제작자님께서 무료로 배포해 주신 덕에 사용을 잘하고 있습니다. 폰트가 16px라 휴대폰으로 보니 글자가 너무 작더군요 그래서 크기를 조금 키워야겠더라고요.

이 블로그의 목차

고래스킨

무료로 나누어 주신 고래 스킨 4.0을 사용하면서 제작자님께 다시 한번 감사의 말씀을 올리고 시작하도록 할게요. 티스토리 블로그를 시작하면서 북클럽 스킨으로 시작을 했어요.

그러다 무료 스킨이 있다는 것을 알게 되어 스킨에 대해서 정보를 수집하였지요.

이쁜고 여러 가지 기능이 있는 스킨들도 무료가 있었어요. 선택 장애가 있는 저는 무슨 스킨을 사용할까 하면서 고민을 좀 했었어요.

그런데 애드센스에 광고를 하게 되면 광고로 인하여 기능이 많을수록 블로그 속도가 저하된다는 것이 캐치가 되었는데요.

기능이 많으면 아무래도 속도가 떨어지는 건 당연할 것이고 거기다 광고까지 붙으면 더 느리게 되겠죠. 그래서 저는 속도 빠른 고래 스킨으로 결정을 했습니다.

고래스킨 다운로드

고래스킨은 네이버 에센라이프 카페를 가입 후 다운로드할 수 있습니다.

에센라이프 카페 바로 가기>>>

고래스킨 글자 크기 조절하는 법

고래스킨을 등록하고 괜찮은 속도에 감탄을 하면서 글을 적고 확인을 하는데 모바일에서 글자가 너무 적더군요. 휴대폰을 글을 읽으려니 좀 힘들더라고요.

이러면 곤란한데라는 생각이 들었어요. 그래서 F12를 눌러서 글자가 어떻게 되어 있나 확인을 해보니 16PX로 되어 있더군요. 크기를 올려야겠어요. 저처럼 하시면 쉽게 글자를 조절할 수 있으니 따라 해 보세요.

환경설정→스킨 편집→html 편집→CSS 이렇게 들어가 주세요.
e-content.post-content p를 찾아주세요.
font-size: 16px; 이 부분에서 글자크기 조절해 주세요.

저는 18px로 크기를 바꾸어 주었어요. 약간 더 커졌는데 모바일 화면을 확인해보니 글자를 읽기가 훨씬 편하더군요.

.e-content.post-content p {
    line-height: 30.64px;
    font-size: 18px;
    font-family: "맑은 고딕",NotoKrR,'Noto Sans KR',sans-serif!important;
    letter-spacing: -.75px;
    position: relative;
    display: block;
    color: #666;
}

본문 글자 크기를 조절하기위해 .e-content.post-content p를 찾아야 한다.

마치며…

저의 경우 1466번 줄에. e-content.post-content p가 있더군요. 저는 이걸 찾는 게 왜 인지 모르지만 Ctrl+f로 찾기가 안되어 한참 찾았네요. 그래도 이렇게 글자 크기를 크게 바꾸니 가독성도 좋아지는 장점이 있네요. 휴대폰으로 많이들 보시는데 가독성이 떨어지면 이탈율도 커지겠지요. 이탈률을 줄이고 체류시간을 늘리는 게 중요하다고 들었거든요.

이렇게 바꿔주면 다른 글에도 적용되어 커지기 때문에 일일이 안 바꿔 줘도 된답니다. 휴대폰으로 확인해 보시고 글자 크기가 마음에 안 들면 글자 크기를 한 단계씩 조절해서 늘이고 줄이고 해 보세요.