네이버 h1 태그 글씨 크기 확인 해 봤습니다.

네이버 블로그 H 태그 글씨 크기 확인

어제 시간이 나서 네이버의 h 태그 관련으로 글씨 크기 확인을 해봤는데요.... 

http://blog.naver.com/zerodal/220088540890

테스트 결과 

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 태그 설정을 해놓는 타이포그래피를 중요시 해야되기때문에.. 네이버 블로그는 어떻게 하나 궁금해서.. 한번 걍.. .테스트 해 봤습니다. 

 

오늘도 쓸데 없는데... 신경을 쓰는 잔머리였습니다.