1

스크립트 캐피탈 H는 인터넷 익스플로러에서 크롬 및 파이어 폭스와 매우 다르게 보입니다. 어쨌든 동일하게 보이게하거나 문자의 가독성을 향상시킬 수 있습니까?인터넷 익스플로러에서 스크립트 대문자 렌더링

다음은 문자의 예입니다. ie와 firefox/chrome에서 링크를 열면 차이점을 알 수 있습니다. http://graphemica.com/%E2%84%8B

유니 코드 인코딩을 사용하고 있는지 또는 단순히 마크 업에서 실제 문자를 붙여 넣었는지에 관계없이 문자 렌더링은 동일합니다.

답변

2

다른 브라우저의 기본 글꼴이 다르며 스크립트 대문자 H의 글꼴이 다른 글꼴로되어 있기 때문입니다. 스크립트 글자는 손으로 쓴 글자와 비슷하지만 필체는 많이 다릅니다.

페이지에서 사용하려는 일부 글꼴을 CSS로 선언하면 선언 된 글꼴에 문자가 포함되어 있지 않으면 브라우저는 다른 글꼴을 사용하게됩니다. 따라서 허용 가능한 모양으로 문자를 포함하는 것으로 알려진 글꼴 목록을 작성하고 문자가 들어있는 요소에 대해 해당 목록을 선언해야합니다. 예를 들어, 당신은 CSS 코드를 훨씬 긴 목록 아마

.special { Lucida Sans Unicode, Segoe UI Symbol, DejaVu Sans } 

<span class=special>&#x210b;</span> 

를 사용할 수 있습니다; 참조 http://www.fileformat.info/info/unicode/char/210b/fontsupport.htm

페이지에 font-family: "Times","Times New Roman","serif","sans-serif"이 있지만 특정 글꼴에 문자가 들어 있지 않으므로 serif 및 sans-serif라는 글꼴이 사용됩니다 (이 이름은 사용할 수 없습니다). 따옴표로 묶어서 CSS 정의 된 일반 이름으로 간주합니다!) 브라우저가 기본 글꼴로 되돌아갑니다. 이것은 다양하며 브라우저 설정에 따라 다를 수 있습니다.

모든 요소에 대해 line-height을 설정해야합니다. 동일한 줄의 다른 글꼴에있는 문자가 자체 기본 줄 높이로 렌더링되는 문제를 피하십시오.

자세한 정보 : Guide to using special characters in HTM L.

관련 문제