환영합니다. 바다아이 홈페이지 입니다.

'싸우지 않는 이재명을 규탄한다. 민생충, 협치충, 역풍충.. 국민들은 치가 떨린다.'

이번주 로또 및 연금번호 발생!! |

HOME |

여기는? |

바다물때표 |

알림 (16) |

여러가지 팁 (1056) |

추천 및 재미 (151) |

자료실 (22) |

시사, 이슈, 칼럼, 평론, 비평 (600) |

끄적거림 (129) |

문예 창작 (705) |

바람 따라 (69) |

시나리오 (760) |

드라마 대본 (248) |

살인!

리눅스 데스크탑 (228)
리눅스 서버 (148)
윈도우 관련 (8)
freebsd 데스크탑 (31)
freebsd 서버 (34)
쉘 스크립트 (6)
html/css/xml (48)
html5 (4)
golang (179)
php (2)
디자인 관련 (1)
javascript/jquery (76)
DATABASE (9)
mariadb, mysql (33)
postgresql (45)
생활/쇼핑 (39)
컴퓨터/핸드폰 (45)
종교/자선 (3)
요리관련 (22)
음식관련 (15)
의학관련 (8)
건강/운동 관련 (12)
주식, 금융관련 (3)
자동차, 운전 관련 (21)
기계 관련 (9)
스포츠 관련 (1)
과학, 수학관련 (1)
문학관련 (8)
좋은 글 (7)
낚시관련 (1)
원예관련 (9)

현재 접속자

바다아이에게 후원하기

개정 공동번역 성경보기

기존 공동번역 성경보기

소스 하이라이팅

도로명 주소검색

URL encode, decode

javascript 줄 맞추기

Hits :

html/css/xml

html/css/xml - pt, px, em, %, font 폰트 글꼴의 단위에 따른 크기 사이즈 비교표, 폰트 크기, 글씨 크기

이 름 : 바다아이 | 조회수 : 8532

#fonts th { 
		border:1px solid #FFE2B4;
		background: #FFC;
		padding:5px; 
		font-weight: bold;
		text-align:center;
		color: #F60;
	}
	#fonts td { 
		border:1px solid #CCC;
		padding:5px;

}
	#fonts td.bg { 
		background:#EFEFEF;
		border: none;
	}
</style>
브라우저의 기본 글꼴크기(1em/100%)를 기준으로한 글꼴 비교표. 
 
pt, px, em, % 
&nbsp;

<table class="ex" summary="Size of fonts in korean">
	<tbody>
		<tr class="on">
			<th>points</th>
			<th>pixels</th>
			<th>ems</th>
			<th>percent</th>
		</tr>
		<tr class="off">
			<td>글꼴 6pt </td>
			<td>글꼴 8px</td>
			<td>글꼴 0.5em</td>
			<td>글꼴 50%</td>
		</tr>
		<tr class="on">
			<td>글꼴 7pt </td>
			<td>글꼴 9.5px</td>
			<td>글꼴 0.55em</td>
			<td>글꼴 55%</td>
		</tr>
		<tr class="off">
			<td>글꼴 7.5pt </td>
			<td>글꼴 10px</td>
			<td>글꼴 0.6em</td>
			<td>글꼴 60%</td>
		</tr>
		<tr class="on">
			<td>글꼴 8pt </td>
			<td>글꼴 11px</td>
			<td>글꼴 0.7em</td>
			<td>글꼴 70%</td>
		</tr>
		<tr class="off">
			<td>글꼴 비교하기 9pt</td>
			<td>글꼴 비교하기 12px</td>
			<td>글꼴 비교하기 0.75em</td>
			<td>글꼴 비교하기 75%</td>
		</tr>
		<tr class="on">
			<td>글꼴 10pt</td>
			<td>글꼴 13px</td>
			<td>글꼴 0.8em</td>
			<td>글꼴 80%</td>
		</tr>
		<tr class="off">
			<td>글꼴 10.5pt</td>
			<td>글꼴 14px</td>
			<td>글꼴 0.85em</td>
			<td>글꼴 85%</td>
		</tr>
		<tr class="on">
			<td>글꼴 11pt</td>
			<td>글꼴 15px</td>
			<td>글꼴 0.95em</td>
			<td>글꼴 95%</td>
		</tr>
		<tr class="off">
			<td>글꼴 12pt</td>
			<td>글꼴 16px</td>
			<td>글꼴 1em</td>
			<td>글꼴 100%</td>
		</tr>
		<tr class="on">
			<td>글꼴 13pt</td>
			<td>글꼴 16.5px</td>
			<td>글꼴 1.05em</td>
			<td>글꼴 105%</td>
		</tr>
		<tr class="off">
			<td>글꼴 14pt</td>
			<td>글꼴 19px</td>
			<td>글꼴 1.1em</td>
			<td>글꼴 110%</td>
		</tr>
		<tr class="on">
			<td>글꼴 15pt</td>
			<td>글꼴 20px</td>
			<td>글꼴 1.25em</td>
			<td>글꼴 125%</td>
		</tr>
		<tr class="off">
			<td>글꼴 16pt</td>
			<td>글꼴 21px</td>
			<td>글꼴 1.3em</td>
			<td>글꼴 130%</td>
		</tr>
		<tr class="on">
			<td>글꼴 17pt</td>
			<td>글꼴 23px</td>
			<td>글꼴 1.45em</td>
			<td>글꼴 145%</td>
		</tr>
		<tr class="off">
			<td>글꼴 18pt</td>
			<td>글꼴 24px</td>
			<td>글꼴 1.5em</td>
			<td>글꼴 150%</td>
		</tr>
		<tr class="on">
			<td>글꼴 19pt</td>
			<td>글꼴 25px</td>
			<td>글꼴 1.55em</td>
			<td>글꼴 155%</td>
		</tr>
		<tr class="off">
			<td>글꼴 20pt</td>
			<td>글꼴 27px</td>
			<td>글꼴 1.7em</td>
			<td>글꼴 170%</td>
		</tr>
		<tr class="on">
			<td>글꼴 21pt</td>
			<td>글꼴 28px</td>
			<td>글꼴 1.75em</td>
			<td>글꼴 175%</td>
		</tr>
		<tr class="off">
			<td>글꼴 22pt</td>
			<td>글꼴 29px</td>
			<td>글꼴 1.8em</td>
			<td>글꼴 180%</td>
		</tr>
		<tr class="on">
			<td>글꼴 23pt</td>
			<td>글꼴 31px</td>
			<td>글꼴 1.95em</td>
			<td>글꼴 195%</td>
		</tr>
		<tr class="off">
			<td>글꼴 24pt</td>
			<td>글꼴 32px</td>
			<td>글꼴 2em</td>
			<td>글꼴 200%</td>
		</tr>
	</tbody>
</table>
 
 
출처 : http://kukie.net/resources/design/font_size.html

짧은 주소 : https://www.bada-ie.com/su/?971591783526

브라우저의 기본 글꼴크기(1em/100%)를 기준으로한 글꼴 비교표.

pt, px, em, %

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%

출처 : http://kukie.net/resources/design/font_size.html

1 page / 2 page
번 호	카테고리	제 목	이름	조회수
48	html/css/xml	자주 쓰는 엔티티코드... 사용 빈도수가 높은 엔티티 코드 정리	바다아이	2241
47	html/css/xml	ckeditor 소스보기 누르면 css 날아가는 현상,,, 문제.. ckeditor 소스보기 문제	바다아이	3460
46	html/css/xml	ckeditor font size 설정하기, ckeditor 기본 폰트 크기 설정, ckeditor 줄바꿈 <br>, width height 설정.	바다아이	4695
45	html/css/xml	robots.txt, 사이트 검색 로봇 설정...	바다아이	6380
44	html/css/xml	CSS / letter-spacing, word-spacing / 글자 사이 간격, 단어 사이 간격, 자간	바다아이	6663
43	html/css/xml	ie 인터넷 익스플로러 폰트 적용 문제, 인터넷 익스플로러 나눔폰트 적용...	바다아이	6690
42	html/css/xml	html 에서 탭 tab 키 사용하기, 표현하기....	바다아이	10697
41	html/css/xml	css 전원 스위치 on/off 버튼, toggle switch 버튼, 토글스위치	바다아이	8811
현재글	html/css/xml	pt, px, em, %, font 폰트 글꼴의 단위에 따른 크기 사이즈 비교표, 폰트 크기, 글씨 크기	바다아이	8533
39	html/css/xml	폰트 글꼴(font face) 목록	바다아이	8650
38	html/css/xml	고정 레이어 예제....	바다아이	8793
37	html/css/xml	html 문서 MIME 타입 확인...	바다아이	11309
36	html/css/xml	ckeditor ajax 통신시 본문값이 빈값으로 들어가는 문제....	바다아이	9139
35	html/css/xml	[정규표현식] 정규표현식 정리, 정규식	바다아이	12365
34	html/css/xml	홈페이지, 사이트 주소 앞에 아이콘, 주소창 작은 아이콘, ico 파일	바다아이	8722
33	html/css/xml	브라우저 input 태그의 자동완성 기능 해제하기, 끄기 autocomplete	바다아이	9203
32	html/css/xml	[CSS] 테두리 및 외곽선을 둥글게 표현하기, border-radius, 라운드	바다아이	10104
31	html/css/xml	ckeditor 4 메뉴 툴바 도구 선택...	바다아이	10957
30	html/css/xml	HTTP/2 왜 지금 적용해야 하는가?	바다아이	16338
29	html/css/xml	HTTP/2란 무엇인가?	바다아이	9033
28	html/css/xml	사이트맵 xml 예제.... sitemap.xml	바다아이	8965
27	html/css/xml	ckeditor config.js 설정 기본값....	바다아이	9855
26	html/css/xml	이미지 없을 때 엑스박 대신 다른 이미지 보여주기	바다아이	9724
25	html/css/xml	레이어 팝업 소스	바다아이	8865
24	html/css/xml	테이블, 이미지 테두리관련 border 스타일	바다아이	8893
23	html/css/xml	테이블 깨짐, 깨지는 것 방지	바다아이	9655
22	html/css/xml	특수문자 코드표 (=특수문자 HTML 엔티티 코드), entity code	바다아이	9890
21	html/css/xml	원화(Won;￦) 대신 백슬래시(＼;Backslash; 백슬래쉬)로 나타내기, 역슬래시, 역슬래쉬	바다아이	12325
20	html/css/xml	특수문자 리스트	바다아이	9347
19	html/css/xml	블로그/웹에서 소스코드 하이라이트/구문강조 사용하기	바다아이	9789
1 2
\| \|

Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ Ubuntu + GoLang + PostgreSQL + Mariadb ]
서버위치 : 오라클 클라우드 춘천 실행시간 : 0.05986 초
to webmaster... gogo sea. gogo sea.