Unicode HTML标题在IE、Chrome中显示为方框

Unicode HTML标题在IE、Chrome中显示为方框,html,unicode,Html,Unicode,这是我的HTML(另请参见) 日历 日历 以下是我分别在IE、Chrome和Firefox中看到的内容(请注意页面标题): (Safari还显示IE和Chrome等框。)在Firefox中,标题显示正确。为什么我会在其他浏览器中看到框 在IE和Chrome中,标题栏和选项卡由标准操作系统窗口控件绘制。因此,它们是通过操作系统选择的可用字体和字体回退机制呈现的,而不是用于页面内内容(*)的web浏览器字体呈现器 与更保守的OS字体呈现相比,Web浏览器字体呈现在为不同字符查找回退字体方面

这是我的HTML(另请参见)


日历
日历
以下是我分别在IE、Chrome和Firefox中看到的内容(请注意页面标题):


(Safari还显示IE和Chrome等框。)在Firefox中,标题显示正确。为什么我会在其他浏览器中看到框

在IE和Chrome中,标题栏和选项卡由标准操作系统窗口控件绘制。因此,它们是通过操作系统选择的可用字体和字体回退机制呈现的,而不是用于页面内内容(*)的web浏览器字体呈现器

与更保守的OS字体呈现相比,Web浏览器字体呈现在为不同字符查找回退字体方面更为出色

Firefox不同,因为它使用自己的小部件代码(XUL)实现用户界面,而不是使用本机操作系统控件

然而,在一个普通的Windows7安装中,使用默认安装的中文字体,您的测试页面的标题对我来说很好。您选择的已安装字体可能会导致失败(Firefox在该选项卡中使用非ClearType字体)


(*:某些浏览器可能会对某些页内内容使用操作系统小部件,通常是
元素。这也会遇到同样的问题。)

这很有道理,谢谢。我注意到工具提示(例如
元素上的标题)具有相同的渲染问题。我对谷歌、亚马逊等中文网站也有同样的问题,所以我想这不是我作为开发者的错。
<!DOCTYPE html >
<html>
  <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
     <title>日历</title>
   </head>
   <body>
      <h1>日历</h1>
   </body>
</html>