사이트 구축·운영 인사이트, SIR 블로그
이전
목록
다음
탈

CSS Font-Size Comparative Table

지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2012-05-09 (수) 15:19:46 · 4021 · 4
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
#퍼블리셔팁 #퍼블리셔 #팁자료실 #html
|

댓글 4개

전진
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-05-10 (목) 10:01:01
굉장히 중요한 내용이네요.. 고맙습니다. ^^

말씀대로, 두번째 링크가 더 유용한것 같네요.. em이 상대적인 크기이니.. 맞죠? ^^;
지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-05-10 (목) 10:35:33
자세히는 모르고 ㅠ px에서 em으로 넘어가려고 발버둥치고 있는 중입니다... ㅎㅎㅎ
전진
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-05-10 (목) 13:57:31
저도 자세히는 몰라요.. 근데, 반응형을 하든, fluid를 하던, 다 em을 사용하더군요..
저는 솔직히 아직도 %와 의 차이를 잘 모르겠어요.. ^^;

검색을 해보니까, body에서는 %로 주고 그 안에서는 em을 쓰는 것이
거의 자리 잡은것 같네요.. 에궁... 따라야줘뭐.. ^^:
벤지
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-05-11 (금) 01:50:46
귀중한 정보 넘 감사합니다...^--^
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
13-03-03 조회 6,228
13-03-01 조회 5,559
13-03-01 조회 8,300
13-03-01 조회 6,290
13-02-26 조회 3,893
13-02-26 조회 3,848
13-02-26 조회 4,744
13-02-24 조회 8,162
13-02-24 조회 4,250
13-02-24 조회 3,492
13-02-24 조회 5,302
13-02-24 조회 5,294
13-02-24 조회 4,370
13-02-24 조회 5,702
13-02-24 조회 9,389
13-02-14 조회 5,099
13-02-13 조회 9,016
13-01-29 조회 7,661
13-01-24 조회 5,016
13-01-24 조회 4,891
13-01-17 조회 4,301
13-01-16 조회 4,321
13-01-08 조회 4,382
12-12-27 조회 4,050
12-12-20 조회 1.1만
12-12-20 조회 3,367
12-12-06 조회 4,361
12-12-01 조회 4,118
12-11-28 조회 5,684
12-11-25 조회 5,388
12-10-20 조회 4,655
12-10-03 조회 4,817
12-09-26 조회 4,984
12-09-15 조회 8,431
12-09-14 조회 5,451
12-09-11 조회 3,946
12-09-10 조회 3,973
12-09-05 조회 8,847
12-08-29 조회 4,638
12-08-26 조회 3,773
12-08-23 조회 3,478
12-08-22 조회 3,554
12-08-22 조회 4,371
12-08-21 조회 3,523
12-08-20 조회 3,446
12-08-20 조회 9,244
12-08-15 조회 4,361
12-08-13 조회 3,285
12-08-11 조회 4,703
12-08-05 조회 4,544
12-08-03 조회 3,326
12-08-03 조회 4,025
12-08-02 조회 5,008
12-07-29 조회 4,115
12-07-26 조회 3,696
12-07-26 조회 3,566
12-07-22 조회 3,471
12-07-20 조회 3,311
12-07-19 조회 4,175
12-07-19 조회 3,429
12-07-16 조회 3,548
12-07-16 조회 4,469
12-07-15 조회 3,536
12-07-12 조회 7,376
12-07-12 조회 5,014
12-07-11 조회 3,062
12-07-09 조회 3,228
12-07-05 조회 3,834
12-07-04 조회 4,412
12-07-04 조회 3,821
12-07-04 조회 4,343
12-06-29 조회 3,800
12-06-27 조회 3,382
12-06-24 조회 3,866
12-06-22 조회 4,169
12-06-22 조회 8,591
12-06-22 조회 3,244
12-06-21 조회 3,273
12-06-17 조회 3,893
12-06-14 조회 3,996
12-06-14 조회 3,274
12-06-08 조회 4,428
12-06-06 조회 3,383
12-06-04 조회 4,139
12-05-26 조회 4,969
12-05-26 조회 3,919
12-05-25 조회 3,217
12-05-24 조회 3,316
12-05-22 조회 3,362
12-05-20 조회 2,990
12-05-16 조회 3,127
12-05-15 조회 3,523
12-05-10 조회 3,954
12-05-08 조회 3,470
12-05-04 조회 3,320
12-05-03 조회 4,280
12-05-02 조회 3,415
12-05-02 조회 3,186
12-05-02 조회 3,283
12-04-26 조회 3,436
글쓰기