맨위로가기

X높이

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
목차

1. 개요

X높이는 글꼴 디자인에서 소문자 'x'의 높이를 의미하며, 글자의 가독성과 시각적 안정성에 중요한 영향을 미친다. 디스플레이 서체는 높은 x높이를 가져 멀리서도 잘 보이게 디자인되기도 하지만, 본문용 글꼴은 중간 x높이를 사용하여 균형과 가독성을 높인다. 1960~70년대에는 높은 x높이의 서체가 유행했으며, 최근에는 낮은 x높이의 서체도 등장했다. 웹 디자인에서는 CSS와 LaTeX에서 'ex' 단위로 사용되지만, 브라우저에 따라 해석이 달라져 안정성이 떨어질 수 있다. 한글 글꼴에서도 엑스하이트는 가독성에 중요한 영향을 미치며, 글꼴 디자인 시 엑스하이트 조절을 통해 균형과 가독성을 최적화한다.

더 읽어볼만한 페이지

  • 타이포그래피 - 팬그램
    팬그램은 특정 문자 집합의 모든 문자를 최소 한 번 포함하는 문장이나 구절로, 완전 팬그램, 자기 열거 팬그램 등 여러 유형이 있으며, 다양한 언어에서 활용되고 수학적 연구 주제로도 다뤄진다.
  • 타이포그래피 - ß
    ß(에스체트)는 독일어에서 긴 s와 s 또는 z의 합자에서 유래한 문자로, 특정 조건에서 무성음 /s/를 나타내며, 사용 범위가 축소되었으나 대문자 형태(ẞ)가 추가되어 표준 독일어에서 선택적으로 사용될 수 있다.
X높이
개요
명칭엑스높이 (X-height)
설명활자 디자인에서 소문자의 높이를 나타내는 용어이며, 일반적으로 소문자 x의 높이로 측정함.
로마자 표기Ekseu-nop'i
상세 정보
중요성가독성에 큰 영향을 미치는 요소 중 하나임.
관련 요소올드 스타일 서체
과도기 서체
모던 서체
측정 기준일반적으로 소문자 'x'의 높이로 측정
다른 소문자 (a, e, o 등)의 높이도 관련됨.
서체 디자인과의 관계엑스높이가 클수록 가독성이 높아지는 경향이 있음.
역사
기원활판 인쇄 시대부터 사용된 용어임.
초기 서체클로드 가라몽과 로베르 그랑종의 서체에서 엑스높이의 중요성이 부각됨.
참고 자료
관련 서적월터 트레이시, Letters of Credit (1986)
온라인 자료Adobe Chaparral Pro 릴리스 노트

2. 디자인 고려 사항

하나의 선 위에 있는 몇 가지 일반적인 글꼴, 사용법 및 x-높이 비교


표지판 및 포스터와 같이 큰 크기로 사용하려는 디스플레이 서체는 x 높이가 다양하다. 많은 서체들이 멀리서 명확하게 읽을 수 있도록 높은 x 높이를 가지고 있지만, 이것이 보편적으로 사용되는 것은 아니다.

2. 1. 본문 텍스트용 글꼴

본문 텍스트에 사용되는 글꼴은 중간 x-높이를 가지며, 대문자와 소문자 간의 더 나은 균형과 대비를 이루어 더 밝은 페이지를 제공한다. 이들은 다시 광학 크기의 글꼴, 예를 들어 캡션과 같이 작은 인쇄물을 위해 설계된 글꼴에서 증가하여, 작은 크기로 인쇄될 때에도 명확하게 읽을 수 있도록 한다.[4][5]

일부 연구에서는 더 높은 x-높이가 더 작은 텍스트를 읽는 데 도움이 될 수 있지만, 매우 높은 x-높이는 역효과를 낼 수 있다고 시사한다. 아마도 모든 글자가 거의 같은 높이가 되면 단어의 모양을 식별하기가 더 어려워지기 때문일 것이다. 같은 이유로 일부 간판 매뉴얼에서는 모든 대문자 텍스트를 권장하지 않는다.[10][11][12]

2. 2. 광학 크기

캡션과 같이 작은 크기로 인쇄되는 글꼴은 광학 크기를 조절하여 작은 크기에서도 명확하게 읽을 수 있도록 디자인된다.[4][5]

2. 3. 높은 엑스하이트의 유행과 영향

1960년대와 70년대에 국제 서체 공사(International Typeface Corporation)는 높은 엑스하이트를 가진 구형 디자인의 인기 있는 변형을 출시하면서, 디스플레이 서체에서 높은 엑스하이트가 특히 흔하게 나타났다. 아방 가르드 고딕(Avant Garde Gothic)과 ITC 가라몬드(ITC Garamond)가 이러한 경향의 주목할 만한 예이다.[6][7] 최근에는 미세스 이브스(Mrs Eaves), 뉴트라페이스(Neutraface), 브랜든 그로테스크(Brandon Grotesque)와 같이 우아한 외관을 위해 독특하게 낮은 엑스하이트로 출시된 서체도 있다. Adobe와 같은 전문 글꼴 디자이너는 컴퓨터를 통해 어떤 크기로든 글꼴을 인쇄할 수 있도록 다양한 크기로 인쇄할 수 있게 최적화된 다양한 광학 크기의 글꼴을 출시한다.[8] 예를 들어, 미세스 이브스는 두 가지 버전으로 존재한다. 하나는 우아하고 밝은 외관을 제공하기 위한 원래 스타일이고, 다른 하나는 본문 텍스트를 위해 설계된 덜 두드러지는 'XL' 디자인이다.[9]

2. 4. 엑스하이트와 가독성 연구

일부 연구에서는 높은 엑스하이트가 더 작은 텍스트를 읽는 데 도움이 될 수 있지만, 지나치게 높으면 모든 글자가 거의 같은 높이가 되어 단어의 모양을 식별하기가 더 어려워져 역효과를 낼 수 있다고 시사한다.[10][11][12] 같은 이유로 일부 간판 매뉴얼에서는 모든 대문자 텍스트 사용을 권장하지 않는다.[10][11][12]

3. 웹 디자인에서의 활용

웹 디자인에서 x-높이는 측정 단위로 활용된다. 그러나 객체의 치수를 지정할 때 x-높이(ex)를 사용하는 것은 em을 사용하는 것보다 웹 브라우저 간에 안정성이 떨어진다.

3. 1. CSS와 LaTeX

컴퓨팅에서 x-높이는 웹 페이지의 측정 단위로 사용된다. CSS와 LaTeX에서 x-높이는 ''ex''라고 불린다. 그러나 객체의 치수를 지정할 때 ex를 사용하는 것은 em을 사용하는 것보다 웹 브라우저 간에 안정성이 떨어진다. 예를 들어, 인터넷 익스플로러는 ex의 치수를 em의 정확히 절반으로 지정하는 반면, 모질라 파이어폭스는 ex의 치수를 글꼴의 실제 x-높이에 더 가깝게, 글꼴의 현재 픽셀 높이를 기준으로 반올림하여 지정한다. 따라서 ex와 em의 정확한 비율은 브라우저 내에서 글꼴 크기에 따라 달라질 수 있으며, 결정된 값이 가장 가까운 정수로 반올림될 경우 더욱 그렇다. 예를 들어, 10 픽셀 높이의 글꼴에서 x-높이가 45%로 계산되는 브라우저는 ex를 4 픽셀 또는 5 픽셀로 반올림하거나 4.5 픽셀로 유지할 수 있다.

3. 2. 웹 브라우저별 차이

웹 브라우저마다 ex 단위의 해석이 다를 수 있다. 인터넷 익스플로러(Internet Explorer)는 ex를 em의 절반으로 고정하는 반면, 모질라 파이어폭스(Mozilla Firefox)는 글꼴의 실제 x-높이에 가깝게 지정한다. ex와 em의 비율은 브라우저 및 글꼴 크기에 따라 달라질 수 있다.

4. 기타 중요한 치수

x-높이 외에도 글꼴 디자인에 영향을 미치는 요소로는 하강 문자와 상승 문자가 있다. 하강 문자는 ''y'', ''g'', ''q'', ''p''와 같이 기준선 아래로 내려가는 글자를, 상승 문자는 ''l'', ''k'', ''b'', ''d''와 같이 x-높이 위로 올라가는 글자를 말한다. x-높이와 글자 높이의 비율은 글꼴의 외관을 정의하는 주요 특징 중 하나이며, 대문자의 높이는 캡 높이라고 한다. x-높이는 세리프 및 산세리프 디자인과 같은 일반적인 디자인에서 중요하지만, 필기체 글꼴은 불규칙한 필기체와 캘리그래피를 모방하여 모든 문자에 걸쳐 일관된 x-높이를 갖지 않을 수 있다.

4. 1. 어센더와 디센더

소문자 중 기준선 아래로 내려가는 ''y'', ''g'', ''q'', ''p''와 같은 글자는 하강 문자이다. 마찬가지로 ''l'', ''k'', ''b'', ''d''와 같이 x-높이 위로 올라가는 글자는 상승 문자이다. x-높이와 글자 높이의 비율은 글꼴의 외관을 정의하는 주요 특징 중 하나이다. 대문자의 높이는 캡 높이라고 한다. x-높이는 대부분의 세리프 및 산세리프 디자인과 같은 일반적인 디자인에서 가장 중요하며, 불규칙한 필기체와 캘리그래피를 모방한 필기체 글꼴은 모든 문자에 걸쳐 일관된 x-높이를 갖지 않을 수 있다.

4. 2. 글자 높이와 대문자 높이

소문자 중 x-높이보다 높은 문자는 'y', 'g', 'q', 'p'와 같이 하강 문자가 기준선 아래로 내려가거나, 'l', 'k', 'b', 'd'와 같이 상승 문자가 x-높이 위로 올라간다. x-높이와 글자 높이의 비율은 글꼴의 외관을 정의하는 주요 특징 중 하나이다. 대문자의 높이는 캡 높이라고 한다. x-높이는 대부분의 세리프 및 산세리프 디자인과 같은 일반적인 디자인에서 가장 중요하며, 불규칙한 필기체와 캘리그래피를 모방한 필기체 글꼴은 모든 문자에 걸쳐 일관된 x-높이를 갖지 않을 수 있다.

4. 3. 스크립트 글꼴

필기체 글꼴은 불규칙한 필기체와 캘리그래피를 모방하여 모든 문자에 걸쳐 일관된 엑스하이트를 갖지 않을 수 있다.

5. 한글 글꼴에서의 엑스하이트

한글 글꼴 디자인에서도 엑스하이트는 중요한 요소이다.

참조

[1] 서적 Vervliet 2008, p. 220; Type Specimen Facsimiles, p. 3
[2] 웹사이트 Chaparral® Pro release notes http://www.adobe.com[...] 2014-11-05
[3] 서적 Letters of Credit 1986
[4] 웹사이트 Optical Size http://www.adobe.com[...] Adobe 2014-11-07
[5] 웹사이트 MicroPlus https://frerejones.c[...] Frere-Jones Type 2015-12-01
[6] 웹사이트 Indiana Jones and the Fonts on the Maps http://www.marksimon[...] 2014-11-06
[7] 웹사이트 I Hate ITC Garamond http://designobserve[...] 2014-11-06
[8] 웹사이트 Adobe Garamond http://www.adobe.com[...] Adobe 2014-11-06
[9] 웹사이트 Introducing Mrs Eaves XL http://www.typo1.com[...] 2014-11-06
[10] 웹사이트 Sign Legibility Rules of Thumb http://www.usscfound[...] United States Sign Council 2015-06-22
[11] 웹사이트 Does a large x-height make fonts more legible? http://typography.gu[...] 2015-06-22
[12] 웹사이트 Designing the ultimate wayfinding typeface http://typography.gu[...] 2015-06-22


본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com