IE, Chrome에서 유니 코드 HTML 제목이 상자로 표시됩니다.

내 HTML은 다음과 같습니다 (http://www.caudillweb.com/test/test.htm 참조). 내가 (페이지 제목에주의) 각각 IE, 크롬, 파이어 폭스에서 무엇을보고 여기 IE, Chrome에서 유니 코드 HTML 제목이 상자로 표시됩니다.

<!DOCTYPE html > 
<html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > 
    <title>日历</title> 
    </head> 
    <body> 
     <h1>日历</h1> 
    </body> 
</html>

는 다음과 같습니다

enter image description here

는

enter image description here

는

(사파리는 상자를 표시

, IE 및 Chrome). Firefox에서는 제목이 올바르게 표시됩니다. 다른 브라우저에서 상자를 가져 오는 이유는 무엇입니까?

출처

2011-11-18 Herb Caudill

IE와 Chrome에서는 제목 표시 줄과 탭이 표준 OS 윈도우 컨트롤에 의해 그려집니다. 따라서 인 페이지 콘텐츠 (*)에 사용되는 웹 브라우저의 글꼴 렌더러 대신 OS에서 사용 가능한 글꼴 및 글꼴 대체 메커니즘을 사용하여 렌더링됩니다.

웹 브라우저 글꼴 렌더링은보다 보수적 인 OS 글꼴 렌더링과 다른 문자로 대체 글꼴을 찾는 것이 좋습니다.

Firefox는 네이티브 OS 컨트롤 대신 자체 위젯 코드 (XUL)를 사용하여 사용자 인터페이스를 구현하기 때문에 Firefox가 다릅니다.

그러나 기본적으로 설치된 중국어 글꼴을 사용하여 바닐라 Windows 7 설치에서 테스트 페이지의 제목이 나에게 잘 표현됩니다. 실패의 원인이되는 설치된 글꼴의 선택 (및 해당 탭에서 비 ClearType 글꼴을 사용하는 Firefox)에 대해 뭔가가있을 수 있습니다.

(*.. 일부 브라우저, 일부 페이지 콘텐츠 OS 위젯을 사용할 수 통상적 <select> 소자 이것은 다음 같은 문제를 앓고)

말이

출처

2011-11-19 18:49:19 bobince

감사. 툴팁 (예 : ''요소의 제목)의 렌더링 문제가 동일한 것으로 나타났습니다. 나는 또한 구글, 아마존 등의 중국어 사이트에서 동일한 문제를 겪고 있기 때문에 개발자로서 내 잘못이 아닌 것 같다. –

IE, Chrome에서 유니 코드 HTML 제목이 상자로 표시됩니다.

답변

관련 문제