CSS Font-Size Comparative Table

지운아빠

· 13년 전 · 조회 1457 1457 · 댓글 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년 전

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

게시글 목록

번호	제목	글쓴이	조회	날짜
12413	PHP 테이블 셀 배경이미지 정렬하기 입니다.	혀니천사	167	9년 전
12412	웹서버 포트별 Virtual Host 설정하기 입니다.	혀니천사	217	9년 전
12411	JavaScript 실시간 카운트 다운 시계 입니다.	혀니천사	242	9년 전
12410	jQuery jQuery, 이미지맵 마우스오버시 하이라이트 표시	서로웹	343	9년 전
12407	PHP 이미지가 없으면 나오는 X대신 다른이미지넣기 입니다. 2	혀니천사	380	9년 전
12406	웹서버 가상호스트 무단링크 막기 입니다.	혀니천사	228	9년 전
12405	웹서버 대량의 서브도메인 생성 DNS 아파치 설정하기 입니다.	혀니천사	259	9년 전
12404	JavaScript 한번만 submit 되게 하기 입니다.	혀니천사	224	9년 전
12403	JavaScript 영문자나 숫자만 입력 할 수 있게 하기 입니다.	혀니천사	144	9년 전
12402	JavaScript 현재 페이지 이메일로 보내는 버튼 만들기 입니다.	혀니천사	150	9년 전
12401	JavaScript 모바일웹에서 PC버전 링크	서로웹	335	9년 전
12400	JavaScript 특정 파일형태만 업로드 하기 입니다.	혀니천사	194	9년 전
12399	JavaScript 입력 문자열 앞에 붙는 공백 제거하기 입니다.	혀니천사	184	9년 전
12398	JavaScript 키보드 방향키로 창의 위치를 이동시키기 입니다.	혀니천사	185	9년 전
12397	PHP 게시판 목록에서 원하는 데이터만 출력이 가능하게..	위토즈	264	9년 전
12396	MySQL mysql SELECT 결과값을 UPDATE하기	서로웹	320	9년 전
12395	JavaScript 키보드 눌러 이동하는 단축키 사용하기 입니다.	혀니천사	233	9년 전
12394	JavaScript 책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.	혀니천사	271	9년 전
12393	JavaScript 마우스를 대면 링크 이미지들을 보여주기 입니다.	혀니천사	210	9년 전
12392	PHP pushbullet 푸시 발송	Terrorboy	477	9년 전
12391	MySQL 같은 컬럼의 행들을 한번에 UPDATE 하기	서로웹	307	9년 전
12390	JavaScript 이미지들을 보여주는 풀다운 콤보메뉴 입니다.	혀니천사	266	9년 전
12389	JavaScript 부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.	혀니천사	278	9년 전
12388	JavaScript 끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.	혀니천사	196	9년 전
12387	PHP php 주요 정리 입니다.	혀니천사	339	9년 전

이전 다음

3 4 5 6 7

전체 목록