자유게시판

[web] 글자 크기표 (= 글씨 크기 단위 환산표) - px, em, %, pt 단위 환산 (= 폰트 단위표)

18,665
Pixels EMs Percent Points
6px 0.375em 37.5% 5pt
7px 0.438em 43.8% 5pt
8px 0.500em 50.0% 6pt
9px 0.563em 56.3% 7pt
10px 0.625em 62.5% 8pt
11px 0.688em 68.8% 8pt
12px 0.750em 75.0% 9pt
13px 0.813em 81.3% 10pt
14px 0.875em 87.5% 11pt
15px 0.938em 93.8% 11pt
16px 1.000em 100.0% 12pt
17px 1.063em 106.3% 13pt
18px 1.125em 112.5% 14pt
19px 1.188em 118.8% 14pt
20px 1.250em 125.0% 15pt
21px 1.313em 131.3% 16pt
22px 1.375em 137.5% 17pt
23px 1.438em 143.8% 17pt
24px 1.500em 150.0% 18pt






points pixels ems percent
글꼴 6pt 글꼴 8px 글꼴 0.5em 글꼴 50%
글꼴 7pt 글꼴 9.5px 글꼴 0.55em 글꼴 55%
글꼴 7.5pt 글꼴 10px 글꼴 0.6em 글꼴 60%
글꼴 8pt 글꼴 11px 글꼴 0.7em 글꼴 70%
글꼴 비교하기 9pt 글꼴 비교하기 12px 글꼴 비교하기 0.75em 글꼴 비교하기 75%
글꼴 10pt 글꼴 13px 글꼴 0.8em 글꼴 80%
글꼴 10.5pt 글꼴 14px 글꼴 0.85em 글꼴 85%
글꼴 11pt 글꼴 15px
글꼴 0.95em 글꼴 95%
글꼴 12pt 글꼴 16px 글꼴 1em 글꼴 100%
글꼴 13pt 글꼴 16.5px 글꼴 1.05em 글꼴 105%
글꼴 14pt 글꼴 19px 글꼴 1.1em 글꼴 110%
글꼴 15pt 글꼴 20px 글꼴 1.25em 글꼴 125%
글꼴 16pt 글꼴 21px 글꼴 1.3em 글꼴 130%
글꼴 17pt 글꼴 23px 글꼴 1.45em 글꼴 145%
글꼴 18pt 글꼴 24px 글꼴 1.5em 글꼴 150%
글꼴 19pt 글꼴 25px 글꼴 1.55em 글꼴 155%
글꼴 20pt 글꼴 27px 글꼴 1.7em 글꼴 170%
글꼴 21pt 글꼴 28px 글꼴 1.75em 글꼴 175%
글꼴 22pt 글꼴 29px 글꼴 1.8em 글꼴 180%
글꼴 23pt 글꼴 31px 글꼴 1.95em 글꼴 195%
글꼴 24pt 글꼴 32px 글꼴 2em 글꼴 200%
출처: 쿠리에 님
 
 
OS에 따른 일반적인 글꼴
Generic Family Common Macintosh Fonts Common Windows Fonts
Serif
Times, New Century Schoolbook, Palatino 
애플명조(AppleMyungjo)

Times New Roman, Georgia 
바탕(Batang)
Sans-serif


Helvetica, Arial, Verdana 
애플고딕(AppleGothic), 서울체(Seoul)

Arial, Tahoma, Verdana 
돋움(Dotum), 굴림(Gulim)
Cursive --- 
필기(Pilgi)

---
Fantagy
WingDings, Symbol

WingDings, Symbol

출처: 쿠리에 님


분류 제목
web 순정(그누보드5・영카트5) vs (아미나 vs 나리야) 비교・차이점・선택 결정
web 유튜브 썸네일생성 + 유투브 썸네일사이즈 (= 썸네일크기 = 썸네일종류 = 썸네일해상도) + 썸네일주소 (y…
talk 회원 님이 시골 조폭 No.2라면 어떻게 하시겠어요? 4
talk 윈도우10 - 키보드 (ㅈㄷㄱ) = (wer)키 입력 에러 증상
pc 윈도우10 - 작업표시줄 색깔(색상) 변경. (회색 → 남색)
ucc 김연아 비율 5
web SQL - MySQL 5.7 my.cnf 파일 위치 + 도움말보기
pc 윈도우10 - 시작 메뉴 마우스오른쪽 메뉴에 제어판 메뉴 추가
pc 윈도우10 - 윈도우10 2004 (업데이트・업그레이드) 시, 0xc1900209 오류 해결
editplus 에디트플러스 (EditPlus) - HTML새문서 열기 (Ctrl + Shift + N)
web 크롬속도 (= 홈페이지 로딩속도 =접속속도) 빠르게.. (= 임시파일제거 = 쿠키제거 + 크롬캐시제거)
pc 윈도우10 - (버전 + 디바이스 사양) 확인
editplus 에디트플러스 (EditPlus) - 설정 백업 ★★★ (= 세팅 정보 저장 위치)
ucc 중고나라 사기모음
pc 윈도우10 - 시스템 (복원 지점 만들기 + 복원하기) ★ ※ 복원시점 설정
pc 윈도우10 - 내PC 원격접속 로그 체크 (= 내컴퓨터에 외부접속 여부 확인)
pc 윈도우10 - 숨김 (파일・폴더・드라이브・확장자) 표시・보이게 설정
editplus 에디트플러스 (EditPlus) - 탭 들여쓰기 설정 ★★★ (tab text-indent width) / …
pc 윈도우10 - 디바이스 변경 허용 여부 경고창 제거. (= 사용자 계정 컨트롤 설정)
money 애드센스 신청 자격 요건 (=구글 애드센스 시작하기)
150/163
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인