은 (배경 프레젠테이션 용도 알파 0.2 있음) 문제를 설명하기 위해 : BREAK-의 http://jsfiddle.net/Novado/enhuc4jv/1/HTML 이탤릭체는 용기로부터 돌출 (그리고 다음 컨테이너 배경에 의해 절단 될 수있다)
<span style="font-family: impact; font-size: 500pt; font-style: italic;">
<span style="border: 1px dotted #000;background-color: rgba(10, 10, 10, 0.2);"><span style="border: 1px solid red;color: red;background-color: rgba(200, 0, 0, 0.2);">World</span> </span><span style="border: 1px dotted green; background-color: rgba(200, 0, 0, 0.2);"><span style="border: 1px solid blue; color: blue;background-color: rgba(0,0,200,0.2);">World</span> </span>
</span>
부족 기호는 의도적입니다. html 코드는 백엔드 생성되며 글꼴 스타일은 다를 수 있습니다. 슬프게도 이미지를 게시 할 수 없습니다. 예제에서 "nbsp;"- 기호를 삭제하면 첫 번째 단어의 마지막 문자가 다음 컨테이너의 배경에 의해 부분적으로 잘릴 것입니다. http://www.positioniseverything.net/explorer/italicbug-ie.html
(특히 자신의 기울임 형태의 'J', 'F'와 같은) 일부 문자에서 돌출하는 것이 정상입니다 :
나는 문제에 발견 모든 (물론, 다소)
이 링크입니다 컨테이너 상자 (패딩이없는 경우)
하지만 정확히 무엇입니까? 내가 아는 한 - 그것은 HTML 표준이지만 정확한 문서를 찾을 수 없으며이 문제의 추론을 찾을 수 없으며 ...
누군가가이 동작이 정상적인 것으로 간주되는 이유를 설명해 주시겠습니까? "배경 컷 - 문자"문제에 대한 좋은 해결책이 있습니까? 내가 보았던 모든 WYSIWYG는 이것에도 영향을 받지만 불평하는 사람을 만날 수는 없습니다 (음, 어쩌면 나는 알고있는 검색 쿼리를 빨아 들일 수도 있습니다).
이것은 기울임 꼴 글꼴이 아닌 '브라우저 기울임 꼴'입니다 ... 맞습니까? –
제 생각에 브라우저는 실제 문자 블록 영역 밖으로 밀어내는 글리프 (문자 블록 아님)를 기울여야하는 기울임 꼴 글꼴이 아닌 기울임 꼴 문자를 '기울임 꼴로'사용하는 것입니다. 이유는 기울임 꼴 버전이있는 적절한 글꼴을 사용해야하는 이유입니다. –
실제로는 미리 렌더링보다는 변형이 될 것으로 보이지만 (적어도 다른 글꼴 모음에서 테스트해야 함) 문제는 여전히 남아 있습니다. 브라우저가 폰트를 어떻게 든 변환했다면 폰트 컨테이너에도 약간의 수정을 가하면 안 될까요? – Alex