OS 폰트 사이즈( pt,px,em,%) 비교
2010.09.06 19:05
W3C의 CSS 2.1 표준권고안(번역
) 에 따르면 크기단위는 절대단위와 상대단위로 구분됩니다.
상대단위로는 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
아래는 px과 em을 계산해주는 사이트 입니다.
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 정보 공유 | 시냇물 | 2009.12.09 | 44913 |
9 | 색 정의 | 시냇물 | 2012.01.20 | 3184 |
8 | 재미있는 사진편집 프로그램 | 시냇물 | 2011.11.10 | 4485 |
7 | 사진 합치기 | 시냇물 | 2011.11.10 | 43863 |
6 | PDF 파일 크기 줄이기, 4가지 방법 | Nam | 2011.10.05 | 11647 |
5 |
이미지를 텍스트로
![]() | 시냇물 | 2010.12.14 | 5819 |
4 |
사진을 연필로 스케치한것 처럼 만들기
![]() | 시냇물 | 2010.09.13 | 6877 |
3 |
포토샵 공부
![]() | 시냇물 | 2010.08.26 | 5914 |
2 | 포토샵 팁 73가지 | 시냇물 | 2010.08.24 | 6120 |
1 | 인터넷 포토샵 [1] | 시냇물 | 2010.07.13 | 6455 |