네이버 블로그 H 태그 글씨 크기 확인
어제 시간이 나서 네이버의 h 태그 관련으로 글씨 크기 확인을 해봤는데요....
테스트 결과
h1 은 18t, h2 13.5pt, h3 : 10.5pt, h4 : 9pt, h5, h6 : 7.5pt 이네요... ^^;
21px, 18.5px, 13.5px, 12px, 10.5px로 변환이 되네요...
확인해보니 폰트의 크기를 나누는데는 PT 와 PX가 있는데 차이가 있다는데 확인해서 써야 할 꺼 같습니다.. .
그래서 확인해보니 웹폰트를 쓸 때 pt와 px 사이에는 어떤 함수관계가 있느냐?
보통은 다음의 식과 같다고 합니다.
정석 Npt = (N+3)px (단, N은 자연수)
헉... .수학식~~~~ .하지만 어렵지 않으니.. .. ^^;
예를 들어 H1 은 18pt=(18+3)px=21px ->>> 더하기만 할수 있으면 쉽네요...
http://cafe.naver.com/font1.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=14709 를 보시면 정확히 아실수 있을 껍니다.
(다음에서 웹표준을 알려주는 사이트를 보니 쉽게 나오네요.. )
CSS Font-Size Comparative Table
Points | Pixels | Ems | Percent | Point (Photoshop) / Gulim | Point (Photoshop) / Dotum |
---|
6pt | 8px | 0.5em | 50% | 8pt, 9pt | 8pt |
7pt | 9px | 0.55em | 55% | 10pt | 9pt, 10pt |
7.5pt | 10px | 0.625em | 62.5% | 11pt | 11pt |
8pt | 11px | 0.7em | 70% | 12pt, 13pt | 12pt |
9pt | 12px | 0.75em | 75% | 14pt | x |
10pt | 13px | 0.8em | 80% | 15pt | 13pt |
10.5pt | 14px | 0.875em | 87.5% | 16pt, 17pt | 14pt, 15pt |
11pt | 15px | 0.95em | 95% | 18pt | 16pt |
12pt | 16px | 1em | 100% | 19pt | 17pt |
13pt | 17px | 1.05em | 105% | 20pt, 21pt | 18pt, 19pt |
13.5pt | 18px | 1.125em | 112.5% | x | 20pt |
14pt | 19px | 1.2em | 120% | 22pt | 21pt |
14.5pt | 20px | 1.25em | 125% | 23pt | 22pt |
15pt | 21px | 1.3em | 130% | 24pt | x |
16pt | 22px | 1.4em | 140% | 25pt, 26pt | 23pt, 24pt |
17pt | 23px | 1.45em | 145% | 27pt | x |
18pt | 24px | 1.5em | 150% | 28pt | 25pt |
[출처 : http://ui.daum.net/convention/css/css_grammar]
워드프레스 홈페이지에서 h 태그 설정을 해놓는 타이포그래피를 중요시 해야되기때문에.. 네이버 블로그는 어떻게 하나 궁금해서.. 한번 걍.. .테스트 해 봤습니다.
오늘도 쓸데 없는데... 신경을 쓰는 잔머리였습니다.