브라우저에서 악센트 부호가없는 경우에도 악보가 필요한 공간을 예약하는 이유는 무엇입니까?

Question

참조 :
내 질문은이 질문에 커뮤니티 회원이 제공 한 설명에 관한 것입니다. How to remove space at top of <p> tag/align contained text to top of container?.

질문

내가 알고 싶은 것은, 해당 브라우저의 예비 것 그것을위한 공간이 (않는 이유를 다음 Ä 또는 Ĉ처럼, 그러한 문자를 포함하지 않는 내 <p> 또는-다른 마크 업을 가정 그것은 공간을 예약합니다 .... 이후로 나는 인용 된 질문에서 설명의 라인에 들어가고 있습니다.) ...

브라우저는 마크 업과 CSS에서 주어진 것을 렌더링합니다 ... if there is no accented character in the code, why is a space there for it then??

Answer 1

이것은 전적으로 글꼴에 달려 있습니다. 문제의 예제의 스크린 샷을 참조 :

강조 "LOREM"의 줄 높이가 포함 된 요소 (하늘색)와 완벽하게 같은 높이입니다. 편지는 단순히 사용 가능한 최대 높이까지 줄곧 늘어나지 않습니다. 기준선 아래로 완전히 늘어지지 않는 것과 같습니다.

그것은 일반적으로 키가있을 수 있습니다 문자가 포함 된 글꼴의 전체적인 시각적 인 균형을 유지하기위한 것입니다 편지, 위 또는 아래에 공간을 남겨 글꼴의 창조자에 달려있다. 예를 들어, 참조 :

AA

는 "A"옆에있는 사용 가능한 최대 높이의 "A"에 모든 방법을 스트레칭 할 것 중 하나를 높이보다 키가 될 것이다 또는 필요가있는 경우 무너질 것이다. 이것은 엉뚱한 것처럼 보이기 때문에, 보통의 "A"는 가능할만큼 크지 않기 때문에 "A"는 시각적으로 동일 할 수 있습니다.

실제로 악센트 문자를 사용하는지 여부와 아무 관련이 없으며, 글립 문자는 콘텐츠를 기반으로 동적으로 재배 정되지 않습니다. 글꼴 높이는 글꼴 작성자가 설정 한 높이와 항상 같습니다. 당신이 텍스트 블록이 있다면 :

AAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAA을 문자 크기가 동적에 따라 변경 할 경우
AAAAAAAAAAAAAAAAAAA이 AAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAA이

당신이 "여분의 공간을 필요로하는지 여부 "그렇지 않으면, 이것은 매우 고르지 않은 외모를 줄 것입니다. 그래서 그것이 끝나지 않은 이유입니다.