Skip to content

OS 폰트 사이즈( pt,px,em,%) 비교

2010.09.06 19:05

시냇물 조회 수:8828

W3C의 CSS 2.1 표준권고안external.gif(번역external.gif) 에 따르면 크기단위는 절대단위와 상대단위로 구분됩니다. 


상대단위로는 em, ex, px,%가 있는데 이는 기종 간, 플랫폼 간의 호환성을 유지하는 데 유리합니다.

절대단위로는 in, cm, mm, pt, pc가 있으며 출력장치(모니터)의 물리적 속성을 아는 경우에만 효율적입니다.


em : font_size,해당폰트의 대문자 M의 너비를 기준으로 한다.

ex  : x-height, 해당폰트의 소문자 x의 높이를 기준으로 한다.

px  : pixel, 표시장치(모니터)에 따라서 상대적인 크기를 갖는다.

%   : percent, 기본글꼴의 크기에대하여 상대적으로 값을 갖는다.


in   : inch

cm : centimeter

mm: millimeter

pt   : point,= 1/72 inch

pc  : pica,= 12 point

 

아래는 pt,px,em,%의 비교표입니다.

일반적으로 대부분의 브라우저는 폰트 사이즈의 기본값으로 12pt,16px,1em,100%를 가집니다.


http://reeddesign.co.uk/test/points-pixels.html

points-pixels.png



아래는 px과 em을  계산해주는 사이트 입니다.

http://riddle.pl/emcalc/

http://pxtoem.com/

접속자 현황
오늘:
261
어제:
504
전체:
1,234,171

시 냇 물

Powered by Xpress Engine / Designed by hikaru100

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소