CSS Font-Size Comparative Table
CSS 폰트 크기 비교표입니다.
ㅇ 또다른 사이트 : 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이 상대적인 크기이니.. 맞죠? ^^;
말씀대로, 두번째 링크가 더 유용한것 같네요.. em이 상대적인 크기이니.. 맞죠? ^^;
13년 전
자세히는 모르고 ㅠ px에서 em으로 넘어가려고 발버둥치고 있는 중입니다... ㅎㅎㅎ
13년 전
저도 자세히는 몰라요.. 근데, 반응형을 하든, fluid를 하던, 다 em을 사용하더군요..
저는 솔직히 아직도 %와 의 차이를 잘 모르겠어요.. ^^;
검색을 해보니까, body에서는 %로 주고 그 안에서는 em을 쓰는 것이
거의 자리 잡은것 같네요.. 에궁... 따라야줘뭐.. ^^:
저는 솔직히 아직도 %와 의 차이를 잘 모르겠어요.. ^^;
검색을 해보니까, body에서는 %로 주고 그 안에서는 em을 쓰는 것이
거의 자리 잡은것 같네요.. 에궁... 따라야줘뭐.. ^^:
13년 전
귀중한 정보 넘 감사합니다...^--^
게시글 목록
| 번호 | 제목 |
|---|---|
| 12386 |
PHP
메타태그 주요정리 입니다.
|
| 12385 |
JavaScript
광고나 공지사항 띄울때 다음부터 이창을 띄우지 않기 입니다.
|
| 12384 |
MySQL
테이블 생성, 컬럼 추가, 삭제, 수정
|
| 12380 |
JavaScript
입력값을 형식에 맞게 해주는 플러그인이네요
3
|
| 12379 |
JavaScript
팝업창에서 오늘 하루 이 페이지 열지 않기 체크박스 사용입니다.
|
| 12378 |
JavaScript
팝업창 하루에 한번만 열기 입니다
|
| 12377 | |
| 12376 |
jQuery
유투브 관련 플러그인
|
| 12375 |
jQuery
input 태그에 readonly 추가하는 방법
|
| 12374 | |
| 12373 | |
| 12372 |
jQuery
자주 쓰이는 Jquery 팁 20가지 입니다.
|
| 12371 |
jQuery
jQuery 오른쪽 퀵메뉴 입니다.
|
| 12369 |
jQuery
textarea 글자수 카운트 입니다.
1
|
| 368 | |
| 12368 |
jQuery
ifrmae 자동 리사이즈 jQuery 입니다.
|
| 12367 |
jQuery
슬라이딩 형태로 보여주기 입니다.
|
| 12366 |
jQuery
라인 그래프 그리기 입니다.
|
| 12365 |
jQuery
콤보박스관련 플러그인
|
| 12363 |
MySQL
MySQL 기본 명령어 정리 입니다.
1
|
| 12362 |
MySQL
MySQL 한글 정렬하기 입니다.
|
| 12361 |
MySQL
그림을 MySQL DB에 저장하는 방법
|
| 12360 |
JavaScript
엑셀 흉내내기
|
| 12359 | |
| 12358 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기