'폰트크기'에 해당되는 글 1건

  1. 2014.08.12 네이버 h1 태그 글씨 크기 확인 해 봤습니다. 2
네이버 블로그 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

PointsPixelsEmsPercentPoint (Photoshop) / GulimPoint (Photoshop) / Dotum
6pt8px0.5em50%8pt, 9pt8pt
7pt9px0.55em55%10pt9pt, 10pt
7.5pt10px0.625em62.5%11pt11pt
8pt11px0.7em70%12pt, 13pt12pt
9pt12px0.75em75%14ptx
10pt13px0.8em80%15pt13pt
10.5pt14px0.875em87.5%16pt, 17pt14pt, 15pt
11pt15px0.95em95%18pt16pt
12pt16px1em100%19pt17pt
13pt17px1.05em105%20pt, 21pt18pt, 19pt
13.5pt18px1.125em112.5%x20pt
14pt19px1.2em120%22pt21pt
14.5pt20px1.25em125%23pt22pt
15pt21px1.3em130%24ptx
16pt22px1.4em140%25pt, 26pt23pt, 24pt
17pt23px1.45em145%27ptx
18pt24px1.5em150%28pt25pt

[출처 : http://ui.daum.net/convention/css/css_grammar]


워드프레스 홈페이지에서 h 태그 설정을 해놓는 타이포그래피를 중요시 해야되기때문에.. 네이버 블로그는 어떻게 하나 궁금해서.. 한번 걍.. .테스트 해 봤습니다. 

 

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


Posted by 잔머리
이전버튼 1 이전버튼

블로그 이미지
잔머리를 굴려... 큰머리로.. 작은게 모여 큰것을 이루듯.. 우리의 작은 지식이 모여 큰 지식이 되기르_)*(_
잔머리

태그목록

공지사항

Yesterday
Today
Total

달력

 « |  » 2024.11
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함