Unicode HTML標題在IE瀏覽器中顯示爲框，Chrome

這是我的HTML（另請參閱http://www.caudillweb.com/test/test.htm）。Unicode HTML標題在IE瀏覽器中顯示爲框，Chrome

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

這是我在IE，Chrome和火狐分別見（注意頁面標題）：

enter image description here

（Safari瀏覽器也顯示盒，如IE和Chrome）。在Firefox中，標題正確顯示。爲什麼我在其他瀏覽器中使用框？

來源

2011-11-18 Herb Caudill

在IE和Chrome中，標題欄和標籤由標準的OS窗口控件繪製。因此，它們使用操作系統選擇的可用字體和字體回退機制來呈現，而不是用於頁內內容（*）的Web瀏覽器的字體呈現器。

Web瀏覽器字體呈現通常更適合尋找不同字符的回退字體，而不是更保守的OS字體呈現。

Firefox是不同的，因爲它使用自己的小部件代碼（XUL）而不是使用本機操作系統控件來實現用戶界面。

然而，您的測試頁面的標題在香草Windows 7安裝中使用默認安裝的中文字體適合我。可能有一些關於您選擇導致失敗的已安裝字體（以及在該選項卡中使用非ClearType字體的Firefox）。

（*：一些瀏覽器可以使用OS部件的一些頁面內容，通常是<select>元這則來自同一個問題的困擾）

來源

2011-11-19 18:49:19 bobince

這是有道理的，謝謝。我注意到工具提示（例如''元素上的標題）具有相同的呈現問題。我也有同樣的問題，來自谷歌，亞馬遜等中文網站，所以我想這不是我作爲開發者的錯。 –

Unicode HTML標題在IE瀏覽器中顯示爲框，Chrome

回答

相關問題