Question

这是我的HTML（另请参阅http://www.caudillweb.com/test/test.htm）。

<!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和Firefox中分别看到的内容（请注意页面标题）：

enter image description here

（Safari还会显示IE和Chrome等框。）在Firefox中，标题显示正确。为什么我在其他浏览器中收到盒子？

Answer 1

在IE和Chrome中，标题栏和标签由标准操作系统窗口控件绘制。因此，它们使用操作系统选择的可用字体和字体后备机制进行渲染，而不是用于页面内容（*）的Web浏览器的字体渲染器。

Web浏览器字体渲染往往更能找到不同字符的后备字体而不是更保守的OS字体渲染。

Firefox与众不同，因为它使用自己的窗口小部件代码（XUL）实现用户界面，而不是使用本机操作系统控件。

但是，使用默认安装的中文字体，您的测试页的标题可以在vanilla Windows 7安装中呈现。您选择安装的字体可能会导致失败（Firefox在该选项卡中使用非ClearType字体）。

（*：某些浏览器可能会使用操作系统小部件来处理某些页内内容，通常是<select>元素。这会遇到同样的问题。）

在HTML，Chrome中显示为框的Unicode HTML标题

1 个答案: