JB Factory 167 스킨 글자크기를 더키워서 가독성을 높여보자(css수작업)

유료스킨구매후 적용만시켜두고 되도록 손을 안대고 사용했었어요. 유료라서 설정이야 다 잘되어있겠지란 믿음을 가지고 써오다보니 내가 설정한 폰트는 잘나타나는지 조차 관심을 안가졌습니다.

핸드폰으로 볼땐 "조금 불편해도 원래이런거야" 이랬는데 다른블로그를 핸드폰으로 보니 글씨가 시원시원한게 가독성이 좋더라구요. JB Factory 167스킨은 최대 16px인데 어떻게 저렇게 키웠지?? 나도 조금만 더키우면 훨씬 좋을텐데라는 아쉬움과함께 공식홈페이지 설명서부터 사이트 검색까지 해보았지만 정확하게 설정하는 방법이없더라구요.

검색해서 응용해가며 답을 찾았습니다. 초보인 저도했으니까 이거보고 따라하시면 될거에요

 설정방법

블로그 설정으로 이동합니다.

https://아이디.tistory.com/manage

꾸미기 → 스킨편집을 눌러 이동합니다.

우측상단부분 html편집을 눌러들어가세요. 전 여기만들어가면 속이 울렁거리더라구요. 그래도 어쩌겠습니까 호랑이를 잡으려면 호랑이 굴에 들어가야죠.

css부분을 눌러 이동해주세요.

커서보이시죠? css 안쪽부분에서 클릭한번해주면 커서가 나타납니다. 여기서 Ctrl+F(컨트롤+F)를 눌러주세요. 밖에서 Ctrl+F를 누르니 css부분 검색을 잘못하더라구요.

검색부분에서 16px를 검색해주세요. 왜 16px검색해주냐면 16px된부분의 숫자를 살짝수정할꺼라서요 ㅎ

아까 설정에서 스킨편집으로 들어갔을때 html누르는 화면 아래쪽에 보면 이렇게 글자크기 16px(이게 제일큼)으로 설정되어있어서 이부분을 더크게하려고 지금 이작업을 하고있습니다. 

다시돌아가서

 16px검색을 하면 처음검색말고 다음검색쯤 "Font Size 16" 주석으로된게 보일꺼에요. 이부분에서 16px를 자기가 원하는 크기만큼 변경해주시면 됩니다. (잘안찾아지면 1032번째줄정도로 스크롤을 내려보세요)

 적용이 잘되었을까요?

먼저 16px일때 크기입니다. 컴퓨터나 테블릿으로보면 별상관없지만 핸드폰으로볼땐 확실히 가독성이 떨어집니다.

차이가 느껴지시나요? 

잘 못느낄수 있으니 모바일로도 캡처했습니다.

좌측이16px 우측이18px

모바일화면으로 보니 확실히 차이가나죠? ㅎ

그럼 가독성있게 변경하고 오늘도 1일 1포해보아요