CSS에는 여러 가지 방법에 대한 기사가 많이 있었지만 실제로는 내 질문에 답할 수 없습니다. 우리가 16px로 예를 들어, 글꼴 크기, 상형 문자 또는 문자의 일부가 16px로 설정됩니다 설정CSS에서 font-size를 px로 설정하면 실제로 텍스트의 크기가 해당 값으로 설정됩니까?
? (x 높이, 캡 높이 또는 ...)?!
와 나는 정확하게 CSS를 내 문자의 높이를 제어 할 수있는 방법? (예 : 장치를 사용하여 같은,하지만 문자의 전체 높이)
이 완전히 벡터 이미지가 글꼴에 정의 된 방법에 따라 달라집니다.
Adobe Illustrator 또는 다른 벡터 편집 도구를 사용할 때와 마찬가지로 글꼴을 정의 할 때 "문서"가 있습니다. 문서는 100 % 높이가됩니다. 폰트를 작성하는 사람이 문양을 문서의 높이까지 늘어 뜨리지 않으면 정의 된 크기만큼 높지 않게됩니다. 텍스트 문자 (서체)이 등이 표시되는 방법 센더, "g, Y"자본 높이 "A 대 A"와 상승 자에 대한 가이드가 있지만 글리프를 들어
. 따라서 실제 측정 기준은 없습니다.
글리프 크기를 올바르게 얻는 것은 종종 시행 착오의 문제입니다. 글립 문자는 대문자 글자 (E)과 같은 높이가되어야하지만, 경우에 따라 글리프 크기가 달라지는 것이 이상적입니다. 예를 들어 상표 (™)는 위 첨자로 설계되었습니다. 크기는 작지만 기본 글꼴 크기에 비례하도록 설계되었습니다. 글꼴이 정의하는 방법에 대한 상세한 내용은
은 다음을 참조하십시오 Typeface Anatomy.font-size 속성을 제외하고 모든 문자의 크기를 동일하지 않는 글꼴의 높이를 동일 글꼴, 크기를 설정 사고로. 이것은 일반적으로 참조량이며, 일반적으로 디 센더, 오름차순 기호 및 공통 분음 기호를 포함하여 문자가 차지하는 전체 수직 공간을 수용하기에 충분하지만 분음 기호 시퀀스는 포함 할 수 없습니다. 일반적으로 "Q", "É", "þ"및 "Å"은 글꼴 높이 내에 모두 들어 있으므로 "E"와 "A"의 높이보다 커야합니다. 그러나 이것은 법이 아닙니다. 일부 글꼴에서. "A"는
사고 폰트 사이즈와 동일 치수를 갖도록 정의 된 문자를 포함하는 폰트 높이의 상부 위로 연장. 예를 들어, EM SPACE는 글꼴 크기와 동일한 너비를 가질 것으로 예상 할 수 있지만이 경우에도 ("유니 코드 표준"에 따라) "명목상"으로 적용되며 결로 계수에 따라 다를 수 있습니다. (EM DASH의 너비는 em 일 수 있지만 그 이름의 의미와는 달리 정의의 일부는 아닙니다.)
글꼴 크기는 분명히 x 높이보다 크고 높이보다 큽니다 (일부 대문자에는 디 센더가 있기 때문에 부분적으로). 글꼴 크기 (em 단위)가 "M"너비와 같다고하는 가장 보편적 인 믿음은 명백하게 거짓입니다. 심지어 가장 단순한 검사조차도 증명할 수 있습니다.
답해 주셔서 감사합니다. 내가 Diodeus에 말했듯이, 나는 수학적으로 CSS에서 텍스트의 높이를 제어하려고하고, 어떻게 든이 것이 정확하거나 (LESS 나 SCSS를 사용하지 않고) 이것을 원한다. 이것을 달성 할 수있는 전 (前) 단위 같은 것이 있습니까? – Shnd
대단한 답변이었습니다. 감사합니다. D 하지만 내 질문을 조금 더 넓히도록하겠습니다. 당신이 폰트의 "문서"라고 말했던 것처럼 em이나 ex와 같은 CSS에 어떤 종류의 단위가 있나요? – Shnd