테스트 사이트 - 개발 중인 베타 버전입니다
SIR

CSS Font-Size Comparative Table

지운아빠
프로필 보기이 회원 글보기
 · 13년 전 · 1474 · 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
목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 4개

전진
프로필 보기이 회원 글보기
 13년 전
굉장히 중요한 내용이네요.. 고맙습니다. ^^

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

검색을 해보니까, body에서는 %로 주고 그 안에서는 em을 쓰는 것이
거의 자리 잡은것 같네요.. 에궁... 따라야줘뭐.. ^^:
벤지
프로필 보기이 회원 글보기
 13년 전
귀중한 정보 넘 감사합니다...^--^

게시글 목록

번호 제목
20318
기타 css 마우스 오버, 테두리
20317
JavaScript 키보드,마우스 등 불펌방지 입니다.
20316
JavaScript 해상도에 따라 서로 다른 페이지로 접속 하기 입니다.
20315
JavaScript 특정페이지에서 자동으로 새로고침 하기 입니다.
20314
JavaScript 마우스 오버시 이미지 안쪽에 테두리주기
20313
node.js git 사용메뉴얼 보면 깝깝 하네요
20312
PHP 그림자가 있는 글자 표현하기 입니다.
20311
PHP css로 테이블 만들기 입니다.
20310
JavaScript 간결한 레이어 메뉴 입니다.
20309
PHP 테이블 셀 배경이미지 정렬하기 입니다.
20308
웹서버 포트별 Virtual Host 설정하기 입니다.
20307
JavaScript 실시간 카운트 다운 시계 입니다.
20306
jQuery jQuery, 이미지맵 마우스오버시 하이라이트 표시
20303
PHP 이미지가 없으면 나오는 X대신 다른이미지넣기 입니다. 2
20302
웹서버 가상호스트 무단링크 막기 입니다.
20301
웹서버 대량의 서브도메인 생성 DNS 아파치 설정하기 입니다.
20300
JavaScript 한번만 submit 되게 하기 입니다.
20299
JavaScript 영문자나 숫자만 입력 할 수 있게 하기 입니다.
20298
JavaScript 현재 페이지 이메일로 보내는 버튼 만들기 입니다.
20297
JavaScript 모바일웹에서 PC버전 링크
20296
JavaScript 특정 파일형태만 업로드 하기 입니다.
20295
JavaScript 입력 문자열 앞에 붙는 공백 제거하기 입니다.
20294
JavaScript 키보드 방향키로 창의 위치를 이동시키기 입니다.
20293
PHP 게시판 목록에서 원하는 데이터만 출력이 가능하게..
20292
MySQL mysql SELECT 결과값을 UPDATE하기
8222
웹, 안드로이드,iOS 함께 할 분 찾고 있습니다. 8
20291
JavaScript 키보드 눌러 이동하는 단축키 사용하기 입니다.
20290
JavaScript 책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.
20289
JavaScript 마우스를 대면 링크 이미지들을 보여주기 입니다.
20288
PHP pushbullet 푸시 발송
20287
MySQL 같은 컬럼의 행들을 한번에 UPDATE 하기
20286
JavaScript 이미지들을 보여주는 풀다운 콤보메뉴 입니다.
20285
JavaScript 부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.
20284
JavaScript 끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.
20283
PHP php 주요 정리 입니다.
20282
PHP 메타태그 주요정리 입니다.
20281
JavaScript 광고나 공지사항 띄울때 다음부터 이창을 띄우지 않기 입니다.
20280
MySQL 테이블 생성, 컬럼 추가, 삭제, 수정
20276
JavaScript 입력값을 형식에 맞게 해주는 플러그인이네요 3
20275
JavaScript 팝업창에서 오늘 하루 이 페이지 열지 않기 체크박스 사용입니다.
20274
JavaScript 팝업창 하루에 한번만 열기 입니다
20273
PHP 테이블 사이즈를 제어하기 입니다.
8216
php에서 태그 안의 내용만 지우려고 하는데요. 5
20272
jQuery 유투브 관련 플러그인
20271
jQuery input 태그에 readonly 추가하는 방법
20270
기타 알툴바로 인한 스크립트 오류
20269
jQuery jquery checkbox(radio) 체크유무확인
20268
jQuery 자주 쓰이는 Jquery 팁 20가지 입니다.
20267
jQuery jQuery 오른쪽 퀵메뉴 입니다.
20265
jQuery textarea 글자수 카운트 입니다. 1
20264
jQuery ifrmae 자동 리사이즈 jQuery 입니다.
20263
jQuery 슬라이딩 형태로 보여주기 입니다.
20262
jQuery 라인 그래프 그리기 입니다.
20261
jQuery 콤보박스관련 플러그인
20259
MySQL MySQL 기본 명령어 정리 입니다. 1
20258
MySQL MySQL 한글 정렬하기 입니다.
20257
MySQL 그림을 MySQL DB에 저장하는 방법
20256
JavaScript 엑셀 흉내내기
20255
MySQL mysql table 유무 확인 하기 입니다.
20254
MySQL php로 만든 MySQL 백업스크립트 입니다.
20253
MySQL 2개 테이블에서 중복된거라도 한개씩만 추출하기 입니다.
20252
MySQL MySQL php함수 정리 입니다.
20251
MySQL MySQL php오류 정리 입니다.
20250
MySQL 연산자 관련함수 정리 입니다.
20249
JavaScript 폼 유효성검사해주는 자바스트립트 라이브러리
31028
기타 텝메뉴 상단고정 및 해당위치 스크롤 4
20248
MySQL 수학 관련함수 정리 입니다.
20247
MySQL 문자열 관련함수 정리 입니다.
20246
MySQL 날짜 관련 함수 정리 입니다.
8215
hostbill, isp system, WHMCS, root panel 결제관련
20245
PHP PHP5.6 -> PHP7.0 으로 이전시 차이점
20244
jQuery Ajax 화면 전환 시 애니메이션 효과
20243
MySQL Query의 기본사용 정리 입니다.
20242
MySQL 자주 사용하는 php와 관련 Query문 입니다.
20241
MySQL 콘솔 기본명령어 정리 입니다
20240
PHP 암호화 SHA-256
20239
MySQL mysql 인덱싱 하는 방법 입니다.
20238
MySQL MySQL 덤프방법(dump) 입니다.
20237
MySQL 여러데이터베이스 사용하는 방법 입니다.
20236
PHP 이미지에 글자쓰기
20235
MySQL 백업&복구(전체/부분/테이블) 하기 입니다.
20234
MySQL db sql문 정리 입니다.
20233
MySQL MySql 암호 초기화 및 새암호 넣기 입니다.
8197
JavaScript로 Class 없이 OOP 하기 17
20232
JavaScript 라디오버튼, 체크박스 테두리 없애기 입니다.
20231
JavaScript 현재 페이지 저장하기 입니다.
20230
JavaScript 프린트 출력 자바스크립트 입니다.
20229
JavaScript 한글만 되게 하는 자바스크립트 입니다.
20228
JavaScript 간단한 팝업창 중앙에 띄우기 입니다.
20227
JavaScript 2단계 드롭다운 레이어 메뉴 입니다.
20225
JavaScript 동적 막대그래프 1
20224
JavaScript 간단한 위로가기 자바스크립트 입니다.
20223
JavaScript 따라다니는 link 퀵메뉴 입니다.
20222
JavaScript 글씨의 색을 자동으로 변환시켜주는 자바스크립트 입니다.
20221
JavaScript 인스타그램 사진가져오기
20220
jQuery checkedbox 컨트롤
20219
jQuery radio 컨트롤
20218
jQuery select box 컨트롤
20217
jQuery 강력한 Select Box 디자인 플러그인 Select Or DIE
20216
node.js Node.js - 실시간 위치 추적 (2)
이전 다음
전체 목록