블로그 스킨 수정시 style.css에 지정된 폰트 크기가 알쏭달쏭 할때...
2013.09.03 00:56
블로그 스킨 수정시 style.css에 지정된 폰트 크기가 알쏭달쏭 할때...
광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^

블로그 스킨을 수정하다보면 폰트크기 지정이 약간 헷갈릴때가 있습니다. style.css에 폰트 크기가 고정단위(pt)로 지정되 있다면 쉽지만 고정단위(pt) 와 유동단위(%,em)를 섞어 지정되 있다면 사이즈 조정시 잠깐 멍~~해집니다.

 

제가 현재 사용하고있는 iNove 티스토리 스킨도 style.css에 고정단위, 유동단위 섞여 지정되 있답니다. 이번에 스킨을 수정하면서 유동단위(%,em)를 처음 접해보는지라 폰트 크기 지정에 약간 고생하다 좋은 사이트를 발견하고 참고해서 수정했습니다.

 

유동단위(%,em) 폰트사이즈 변환 하기 : http://pxtoem.com/

 

위 링크로 이동하시면 고정단위(pt) 폰트크기를 유동단위(%,em)로 바꿔 볼수 있습니다.

 

 

링크로 이동한 화면입니다. 왼쪽 파란 박스에 기본으로 선택된 부분이 우리가 모니터에서 보는 기준이 됩니다.

 

저 상태에서 오른쪽 Enter a base pixel size 메뉴에 폰트 크기 수정하지 마시고 Convert 란에 고정단위(pt) 폰트크기를 유동단위(%,em) 사이즈로 바꿀려면 "PX to EM"에 사이즈를 넣으시고 유동단위(%,em) 를 고정단위(pt) 폰트크기로 바꿀려면 "EM to PX"에 넣으시면 Result 하단에 사이즈를 보여 줍니다.

 

간단하게 pt와%,em사이즈를 알아볼수있어서 스킨수정시 시간절약을 할수있었습니다.

, , , , , , , ,

  1. 좋은 정보 감사합니다~

  2. 댓글, 방문 감사합니다.^^

  3. 지금 한창 티스토리에서 font-size수정하고 있는데
    좋은 정보 주셔서 고맙게 쓰겠습니다. 감사합니다
    꾸벅!!!

  4. 스킨수정이 참 힘든작업이랍니다. 홧팅하세요.^^