엠 (타이포그래피)
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
1. 개요
엠(em)은 타이포그래피에서 사용되는 상대적인 단위로, 금속 활자 시대에는 활자의 행 높이를, 디지털 시대에는 디자인 공간의 그리드를 의미한다. 컴퓨터 조판 시스템에서는 글꼴 크기를 지정하는 데 사용되며, CSS에서는 글꼴의 공칭 포인트 높이를 나타낸다. 엠은 텍스트 크기를 확대/축소할 때 유용하며, 웹 접근성 지침에서 크기 조절을 위해 사용을 권장한다. 유니코드에는 엠 폭이 지정된 문자(U+2001 EM QUAD, U+2003 EM SPACE, U+2014 EM DASH)가 있으며, TeX에서는 전각 대시를 나타내는 데 사용된다.
더 읽어볼만한 페이지
- 길이의 단위 - 보어 반지름
보어 반지름()은 물리 상수들로 정의되며, 약 5.292 × 10-11 m의 값을 가지고, 보어 모형에서 가장 안쪽 전자 궤도의 반지름으로 제시되어 원자 크기를 나타내는 척도로 사용된다. - 길이의 단위 - 피트
피트는 다양한 정의와 기원을 가진 길이 단위로, 국제적으로는 0.3048 미터로 정의된 국제 피트가 표준이며, 역사적으로 여러 종류가 사용되었고 현재는 특정 분야에서 널리 쓰인다. - 디스플레이 기술 - 플렉서블 디스플레이
플렉서블 디스플레이는 구부리거나 접을 수 있는 유연한 디스플레이 장치로, 다양한 기관과 기업의 연구 개발을 거쳐 모바일 기기를 중심으로 확산되고 있지만, 가격과 내구성, 저전력 소비 측면에서 개선이 필요하며, 새로운 사용자 경험을 제공할 것으로 기대된다. - 디스플레이 기술 - 해상도
해상도는 1인치당 픽셀 또는 점의 수를 나타내는 지표로, 이미지의 선명도를 결정하며 DPI와 PPI 단위를 사용하고, 높을수록 섬세한 표현이 가능하다. - 타이포그래피 - 팬그램
팬그램은 특정 문자 집합의 모든 문자를 최소 한 번 포함하는 문장이나 구절로, 완전 팬그램, 자기 열거 팬그램 등 여러 유형이 있으며, 다양한 언어에서 활용되고 수학적 연구 주제로도 다뤄진다. - 타이포그래피 - ß
ß(에스체트)는 독일어에서 긴 s와 s 또는 z의 합자에서 유래한 문자로, 특정 조건에서 무성음 /s/를 나타내며, 사용 범위가 축소되었으나 대문자 형태(ẞ)가 추가되어 표준 독일어에서 선택적으로 사용될 수 있다.
| 엠 (타이포그래피) | |
|---|---|
| 개요 | |
| 종류 | 활자 디자인 |
| 정의 | 활자의 크기와 같은 길이의 단위 |
| 크기 | 1 em = 활자 크기 |
| 비율 | 1 em = 12 pt (DTP) |
| 상세 정보 | |
| 어원 | 해당 글꼴에서 대문자 'M'의 폭에서 유래 |
| 용도 | 들여쓰기 단락 간격 행간 간격 수평 간격 조절 |
| 사용법 | em은 현재 지정된 글꼴 크기에 상대적인 측정 단위로 사용 2em은 현재 글꼴 크기의 두 배를 의미 |
| 장점 | 비율에 따른 조정이 가능하여 다양한 화면 크기에 적합 |
| 단점 | 1em의 실제 크기가 글꼴에 따라 다름 |
| 관련 단위 | |
| en | em의 절반 크기 |
| ex | 글꼴의 x-height |
| pt (포인트) | 인쇄에서 사용되는 절대 단위 (1pt = 1/72인치) |
2. 역사
엠은 금속 활자 시대에 글자가 솟아오르는 금속 몸체의 행 높이에서 유래했다. 금속 활자에서 글자의 물리적 크기는 일반적으로 엠을 초과할 수 없었다. 디지털 타입에서 엠은 디지털 글꼴의 디자인 공간을 의미하며, 임의의 해상도를 가진 그리드이다. 화면이나 인쇄 시스템은 em을 특정 포인트 크기로 조정하는 방식으로 작동한다.
2. 1. 금속 활자 시대
금속 활자에서 포인트 크기(따라서 ''em'', em 사각에서)는 글자가 솟아오르는 금속 몸체의 행 높이와 같았다. 금속 활자에서 글자의 물리적 크기는 일반적으로 em을 초과할 수 없었다.[2]
2. 2. 디지털 활자 시대
디지털 글꼴에서 엠(em)은 임의의 해상도를 가진 그리드(디자인 공간)를 의미한다. 화면이나 인쇄 시스템은 엠을 특정 포인트 크기로 조정하는 방식으로 작동한다.글꼴 디자이너는 디지털 타입에서 특정 글자의 높이와 엠의 관계를 임의로 설정한다. 그러나 매우 대략적인 지침으로, "평균" 글꼴은 엠의 70%인 대문자 높이와 엠의 48%인 x-높이를 가질 수 있다.[2]
3. 과거의 다른 정의
일부 오래된 텍스트에서는 em을 현재 서체와 포인트 크기의 대문자 'M'의 너비로 정의하거나 그렇게 정의되었다고 한다.[3] 아마도 이러한 경우 'M' (또는 'm') 정렬이 쿼드(''em 쿼드'', ''mutton 쿼드'' 또는 ''m quadrat''라고도 함)의 전체 너비를 차지했기 때문일 것이다. 따라서 정렬 너비는 포인트 크기와 같았을 것이다.[4]
그러나 1683년에 em (''m'' 또는 m quadrat)을 언급한 가장 오래된 영어 텍스트에서는 이 대체 정의가 사용되지 않았으며, 다른 많은 오래된 텍스트에서도 마찬가지이다.[5][6]
4. 컴퓨터에서의 사용
CSS나 Te 등에서 치수를 지정할 때, 포인트나 픽셀 수와 같은 절대 단위 대신 상대 단위를 사용할 수 있는데, em은 이러한 상대 단위 중 하나이다.
상대 단위를 사용하면 화면 출력 시 글꼴 확대·축소에 유연하게 대응할 수 있다.[8]
4. 1. CSS
CSS에서, ''em'' 단위는 글꼴의 공칭 포인트 또는 인치 단위의 높이이다. 글꼴의 특정 부분의 실제 물리적 높이는 사용자가 정의한 DPI 설정, 현재 요소의 글꼴 크기 및 사용 중인 특정 글꼴에 따라 달라진다.[7]기본 글꼴 크기에만 의존하는 스타일 규칙을 만들기 위해 다른 단위가 개발되었는데, 바로 rem이다. '''rem'''(''«rem 단위»'', 또는 '''root-em''')은 문서의 루트 요소의 글꼴 크기이다. 각 요소마다 다를 수 있는 em과 달리, rem은 문서 전체에서 일정하다.[7]
웹 콘텐츠 접근성 지침(WCAG)은 텍스트의 크기 조절이 가능할 것을 요구하고 있으며, 크기 조절이 가능하도록 em으로 지정하는 것이 요구된다.[9] 요소마다 em이 다를 수 있으므로, 루트 요소의 글꼴 크기를 기준으로 하는 경우에는 2013년에 도입된 단위인 rem을 사용한다.[8]
4. 2. TeX
TeX에서는 `---`로 전각 대시(em dash)를 나타낸다. 전각 아키는 `\quad`를 사용한다.[8]4. 3. 유니코드
유니코드에서 em 폭이 지정된 문자에는 U+2001 EM QUAD, U+2003 EM SPACE, U+2014 EM DASH가 있다. EM DASH는 Windows-1252 코드 페이지에도 정의되어 있어 자주 사용된다. 일본의 JIS X 0208에서 정의되어 있는 구점 1-29(대시(전각))의 기호가 이에 해당하는지에 대해서는 대시 (기호)#전각 대시의 매핑 문제를 참조한다.
5. 한국에서의 사용
한국에서는 엠 대시(—)가 전각 대시로 사용된다. JIS X 0208 코드 페이지의 구점 1-29 (대시(전각))와 유니코드 U+2014 (EM DASH) 간의 매핑 문제는 대시 (기호)#전각 대시의 매핑 문제를 참조.
참조
[1]
서적
The Elements of Typographic Style
Hartley & Marks
[2]
웹사이트
Point Size and the Em Square: Not What People Think
https://www.thomasph[...]
2011-03-18
[3]
웹사이트
Adobe Glossary
https://web.archive.[...]
Pocket Oxford Dictionary
1996
[4]
서적
An Introduction To Bibliography For Literary Students
https://archive.org/[...]
at the Clarendon Press
1928
[5]
서적
Mechanick exercises: Or, the Doctrine of handy-works. Applied to the art of printing
https://archive.org/[...]
Printed for Joseph Moxon on the west-side of Fleet-ditch, at the sign of Atlas.
1683
[6]
웹사이트
em and en Squares
https://www.lettermo[...]
2022-10-28
[7]
웹사이트
CSS: em, px, pt, cm, in...
https://www.w3.org/S[...]
2021-12-20
[8]
웹사이트
em, px, pt, cm, in…
https://www.w3.org/S[...]
2021-01-06
[9]
간행물
How to Meet WCAG (Quick Reference)
https://www.w3.org/W[...]
W3C Web Accessibility Initiative (WAI)
[10]
간행물
WCAG 2.1 解説書
https://waic.jp/docs[...]
2019-03-06
[11]
서적
The Elements of Typographic Style
https://archive.org/[...]
Hartley & Marks
본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.
문의하기 : help@durumis.com