CSS Font-Size Comparative Table

지운아빠

· 13년 전 · 조회 1459 1459 · 댓글 4 4

CSS 폰트 크기 비교표입니다.

ㅇ 출처 : http://mcpaint.tistory.com/?page=2

ㅇ 또다른 사이트 : http://pxtoem.com/ (여기가 더 유용하네요.)

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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

전진

프로필 보기 이 회원 글보기

13년 전

굉장히 중요한 내용이네요.. 고맙습니다. ^^

말씀대로, 두번째 링크가 더 유용한것 같네요.. em이 상대적인 크기이니.. 맞죠? ^^;

지운아빠

프로필 보기 이 회원 글보기

13년 전

자세히는 모르고 ㅠ px에서 em으로 넘어가려고 발버둥치고 있는 중입니다... ㅎㅎㅎ

전진

프로필 보기 이 회원 글보기

13년 전

저도 자세히는 몰라요.. 근데, 반응형을 하든, fluid를 하던, 다 em을 사용하더군요..
저는 솔직히 아직도 %와 의 차이를 잘 모르겠어요.. ^^;

검색을 해보니까, body에서는 %로 주고 그 안에서는 em을 쓰는 것이
거의 자리 잡은것 같네요.. 에궁... 따라야줘뭐.. ^^:

벤지

프로필 보기 이 회원 글보기

13년 전

귀중한 정보 넘 감사합니다...^--^

게시글 목록

번호	제목	글쓴이	조회	날짜
12463	JavaScript 이미지 좌우로 이동 갤러리 입니다.	혀니천사	279	9년 전
12462	PHP 파일 확장자 검사 함수 입니다.	혀니천사	246	9년 전
12461	JavaScript 쉬운 replaceAll 입니다.	혀니천사	200	9년 전
12460	PHP 그누보드 최근 게시물 파싱하기 입니다.	혀니천사	372	9년 전
12459	PHP [알고리즘]퀵 정렬(Quick Sort)	슈와이	248	9년 전
12458	PHP php로 옥션 지마켓 11번가 쿠팡 위메프 등의 발주내역서 파일을	판도라g	260	9년 전
12457	PHP array_unique 배열중복값 제거	서로웹	240	9년 전
12456	JavaScript 콤보스타일 메뉴 입니다.	혀니천사	223	9년 전
12455	JavaScript 쿠키를 이용한 레이어 공지창 입니다.	혀니천사	186	9년 전
12454	JavaScript 효과있는 텍스트 틱커 입니다.	혀니천사	176	9년 전
12453	PHP [알고리즘]힙 정렬(Heap Sort)	슈와이	212	9년 전
12452	PHP HTTP 인증 하기 입니다.	혀니천사	201	9년 전
12451	JavaScript 외부 문서 불러오기 입니다.	혀니천사	172	9년 전
12450	JavaScript 지정한 날짜까지 New 이미지를 띄워주기 입니다.	혀니천사	135	9년 전
12449	MySQL Common MySQL Queries 다양한 MySQL 쿼리 예제	서로웹	224	9년 전
12448	JavaScript 메일 주소 검사하기 체크박스 입니다.	혀니천사	174	9년 전
12447	JavaScript 무단링크 금지하기 입니다.	혀니천사	194	9년 전
12446	PHP 간단하게 마우스,드래그,복사 등 막기 입니다.	혀니천사	181	9년 전
12445	MySQL DB백업 및 복원	서로웹	241	9년 전
12444	JavaScript 페이지가 다른 사이트의 프레임에 갇히는 것을 막기 입니다.	혀니천사	149	9년 전
12443	PHP 다른 사이트로 이동시 또는 창 닫을 시에 자동 로그아웃 하기 입니다.	혀니천사	163	9년 전
12442	PHP PHP에 MYSQL 와 자바스크립트 연동 예제 입니다.	혀니천사	215	9년 전
12441	jQuery input text 대문자만 받는 Jquery	서로웹	179	9년 전
12440	PHP 현재 페이지 URL 출력하기 입니다.	혀니천사	250	9년 전
12439	JavaScript 이미지 업로드와 미리보기 입니다.	혀니천사	228	9년 전

이전 다음

1 2 3 4 5

전체 목록