글꼴의 크기는 정확히 무엇으로 번역됩니까?

이것은 다소 만족스럽지 않은 답변이있는 훌륭한 질문입니다.

The 유형의 크기는 픽셀, 포인트 (1/72 “) 또는 밀리미터로 지정되는지 여부에 관계없이 가장 높은 상승기에서 가장 낮은 하강기까지의 거리보다 일반적으로 약간 더 큰 보이지 않는 상자 인 em-square의 높이입니다.

이것은 다소 임의적 인 측정이므로

• 글꼴의 정확한 기술 설계에 따라 달라집니다
• 인쇄물에서 정확하게 측정 할 수 없습니다. 또는 래스터 화 된 샘플

근사치 외에는 그다지 의미가 없거나 유용하지 않습니다.

귀하의 경우 Photoshop에서 지정해야하는 크기를 결정하십시오. 실험을 통해 브라우저의 렌더링과 일치합니다. 이 비율은 모든 글꼴에 대해 일정한 비율이어야하지만 브라우저 나 OS를 변경하는 경우에는 그렇지 않을 것입니다.

ASCII Time! 아래 두 상자가 1900 년 정도의 납 유형이라고 가정합니다. 그 당시에는 서체가 납으로 주조 (또는 목재로 라우팅)되었습니다. 인쇄에 사용할 유형의 경우 잠금, 그들은 단단한 블록에 연결되어야했습니다. 유형의 치수 (포인트 단위)는 다음과 같습니다.

+--------------+ +-------------+ <----+ | | | | | | XX | | | | | X X | | | | | XX XX | | | | | XX XX | | X | | XXXXXX | | X X | Point size of the type | XX XX | | XXX | | XX XX | | X X | | | XX XX | | X X | | | XX XX | | | | | | | | | +--------------+ +-------------+ <----+ 

두 위의 글자는 크기가 다르지만 경계 상자는 동일합니다. 따라서 포인트 측면에서 두 글꼴 모두 같은 크기입니다.

요즘에는 납과 글자에 많은 글자를 입력하지 않습니다. 나무와 그것의 대부분은 디지털입니다. 그러나 포인트 크기 조정의 개념은 유형이 배치 된 모든 문자에 대해 동일한 높이의 가상 상자가 있다는 점에서 여전히 존재합니다. 다시 말하지만,이 가상 상자는 글자체 자체의 물리적 측정보다는 포인트 크기를 정의합니다. 글자체의 실제 크기는 종종 포인트 크기보다 작지만 더 클 수도 있습니다.

이로 인해 픽셀 단위 측정이 작동하지 않지만 CSS 등에서 픽셀 단위로 유형을 “설정”할 수 있습니다. 브라우저는 선언 된 px 크기 사이에서 최대한 번역을 수행합니다. 그러나 이것은 항상 모호한 추정입니다.

궁극적으로 두 개의 서체를 시각적으로보고 다음과 같이 볼 때까지 각각의 크기를 변경하는 것보다 정확히 같은 크기의 서체를 얻을 수있는 정확한 방법은 없습니다. 같은 크기입니다.

댓글

• 컴퓨터에서 다음과 같이 포인트 대 픽셀을 계산합니다. PX = 포인트 * SystemDPI / 72. 비디오 세계 (모니터)의 DPI는 1984 년 Apple에 의해 도입 된 순수한 임의 값. 비디오 장치는 픽셀 만 사용합니다. DPI는 ' 비디오 / 이미지 세계에 존재하지 않습니다. 최신 글꼴은 1 포인트, 1/72가 1/72 인치로 정의되는이 개념을 기반으로합니다.
• @AbdiasSoftware 예, 1 포인트는 1/72 인치로 평균화되었으며 첫 번째 Mac에는 72ppi 화면이있었습니다. 하지만 그게 질문이나 제가 준 대답과 무슨 관련이 있는지 잘 모르겠습니다. 디지털이든 아날로그이든 글꼴에는 경계 상자가 있고 크기가 나타내는 경계 상자는 사실입니다.

글꼴의 “글꼴 크기”는 글꼴의 “높이”를 나타내며 글꼴의 특정 문자 높이와 반드시 같지는 않습니다.

보통 글꼴의 전각 높이는 동일한 기본 아이디어를 따릅니다. “대략 가장 낮은 디 센더로부터의 거리로 설정됩니다 (예 : g)에서 가장 높은 어 센더 (예 : h의 맨 위) :

보시다시피 개별 문자는 전체 범위를 포함하지 않습니다.

디지털 글꼴의 경우 글꼴의 “em 높이”는 글꼴에 의해 선택됩니다. 디자이너이며이 규칙을 전혀 따를 필요가 없습니다. 디지털 유형 디자이너는 자신의 전각 크기에 대한 기초를 선택할 수 있습니다. 대략 위에서 설명한 종류의 규칙에 따릅니다.문자가 금속 블록으로 구성되어 있던 예전에는 “em 높이”가 해당 블록 중 하나의 높이 였는데, 이는 해당 서체의 모든 문자뿐만 아니라 모든 어 센더, 디 센더 및 액센트에 대해 충분히 높아야했습니다. / p>

이제 많은 현대 서체에는 대문자에도 악센트가 포함됩니다 (예 : Ć). 이러한 악센트는 기존 에서 외부 확장됩니다. 인쇄상의 어 센더 및 따라서 이러한 (및 기타 특수 문자)는 “em”의 상단을 벗어납니다. 역사적 이유로 우리는 이러한 것을 허용하기 위해 em 크기를 조정하지 않습니다. 우리는 em 크기를 유지하고 이것들이 확장되도록합니다. 이러한 악센트를 사용하는 모든 타이포 그래퍼는 확장 할 공간이 있는지 확인해야합니다. 본문 텍스트의 줄 간격 은 적절합니다.

본문 텍스트의 줄 간격 은 텍스트 한 줄의 디 센더와 어 센더 사이에 남겨진 공백입니다. 즉, “글꼴 크기”에는이 줄 간격 측정이 포함되지 않습니다. CSS 필드 line-height의 영향을받을 수 있습니다. 여기서 1.4는 줄 간격이 전각 높이의 0.4 배이므로 전체 본문 텍스트 줄이 줄 간격을 포함하여 전각 높이의 1.4 배를 차지함을 의미합니다. 다른 응용 프로그램에서는 줄 간격을 다르게 지정할 수 있습니다. 워드 프로세서는 종종 “단일”줄 간격의 배수로 지정하지만 CSS와 달리 일반적으로 “단일”간격은 줄 간격이 없다는 의미가 아니라 일부 “기본”줄 간격을 의미합니다. plication은 글꼴 파일의 메타 데이터를 기반으로 기본 설정을 시도합니다. 글꼴에 메트릭을 지정하는 데는 여러 표준이 있으므로 (예 : Truetype에는 다른 Mac 및 Windows / OS2 표준이 있음) 기본 줄 간격은 응용 프로그램과 운영 체제에 따라 다를 수 있습니다.

이제 디자이너는 전각 높이에 대해 예측 가능한 규칙을 따르지만 대문자의 크기 (cap-height) 또는 o (x-height 또는 midline) 어 센더 높이와 관련하여 서체간에 자유롭게 다를 수 있습니다. 글꼴 모음 내에서는 일반적으로 일관성이 있습니다. 예를 들어 Times New Roman Bold 및 Times New Roman Regular는 동일한 전각 크기에 대해 문자 크기가 동일합니다. 여기에는 어 센더, 디 센더, cap-height 및 x-height가 포함되어야합니다.

댓글

• 예 -규칙이 있습니다 (예 : em은 ' g '의 맨 아래에서 ' h ) 그러나 여전히 차이가 있으며 글꼴 형식은 디자이너에게 이러한 규칙을 전혀 적용하지 않습니다.

수직 막대 문자 ( “|”)를 입력하고 측정합니다. 상황을 올바르게 복제하고 안티 앨리어싱이 “너무 흐릿하지 않으면 22px이어야합니다.

22px는 유형 블록의 높이를 나타냅니다. 그러나 각 문자는 블록을 다르게 채 웁니다. A”g “또는”q “는 해당 22px의 아래쪽 영역을 차지하고 대문자 및”b “또는”d “와 같은 소문자는 위쪽 부분을 차지합니다. “| “는 유일한 것 중 하나입니다 ( 만 해당) 22px 공간을 완전히 채울 문자입니다.

CSS 설정과 비교하는 방법을 모르겠지만 Photoshop에서 텍스트 높이를 해석하는 방법을 설명합니다. .

댓글

• 또한 동일한 크기로 두 개의 글꼴을 설정할 수 있습니다. ' 종종 글자체 자체는 그렇지 않다는 것을 알게됩니다. 단순히 동일한 ' 블록 ' 크기를 갖습니다.
• 파이프가 할당 된 전체 공간을 항상 채우지는 않습니다. 순전히 유형 디자이너가 선호하는 것은 '입니다. ' 종종 어 센더의 상단과 디 센더의 하단과 일치하지만, 그래도 문자에 할당 된 공간은 여전히 훨씬 더 클 수 있습니다.
• 세로 막대 문자는 글꼴의 em 크기 (예 : " 전체 높이 ")와 항상 같지는 않습니다. 실제로는 일반적으로 더 적습니다.
• 세로 상자 그리기 문자 는 이론적으로 전체 전각 높이를 덮어야합니다 (겹칠 수 있음). 소량). 그러나 이러한 문자를 포함하는 글꼴은 거의 없습니다. 일반 세로 막대 (|)는 일반적으로 em 크기와 같지 않습니다. ' Microsoft 핵심 글꼴 (Arial, Georgia 등)에서도이 작업을 수행하지 않습니다.
• 수직 막대 문자는 ' 전체 높이를 채우지 마십시오. 대문자 악센트 (예 : " Á "는 더 높은 위치에 있습니다.자신과 비교 : " Á " " | "

글꼴이 맞습니까? 픽셀 단위로 측정됩니까? 대부분의 글꼴은 포인트 단위로 측정됩니다. 포인트는 1/72 인치입니다. 따라서 40pt 글꼴의 높이는 40/72 “또는 5/9″입니다. 키커는 키가 큰 글자의 어 센더 상단에서 기준선 아래에 매달린 글자의 디 센더 하단까지의 치수입니다. 이것이 위에서 언급 한 것처럼 x-height가 때때로 사용되는 이유입니다. 이것이 위아래로 튀어 나오지 않는 소문자의 높이입니다.

어느 쪽이든 측정 값은 정확하지 않습니다. 어쨌든, 불행히도. 당신은 “당신이 시도하고있는 것을 성취하기 위해 약간의 측정과 계산 (그리고 / 또는 시행 착오)을해야 할 것입니다.

댓글

• 하지만 점은 물리적 유형 (인쇄, 조각, 각인 등)에만 관련됩니다.
• 완전히 정확하지는 않습니다. 유형은 ' 어 센더 상단에서 디 센더 하단까지 측정되는 것이 아니라 '가 다음과 같은 경계 상자로 측정됩니다. 오름차순 / 내림차순 높이와 관련이있을 수도 있고 아닐 수도 있습니다. 이것은 납과 목재가 블록에 씌워 졌던 시대로 거슬러 올라갑니다. 유형이 레이블이 지정된 크기를 나타내는 것은이 블록의 높이였습니다. 따라서 12pt로 설정된 두 글꼴은 서로 비교하여 크기가 매우 다를 수 있습니다. (1pt는 ' 전통적으로 = 1/72 인치 …;) ' / li>