0

我们正在使用没有 DOCTYPE 或旧 DOCTYPE 的网页，如下所示：

<html>
<head>
    <title> TEST </title>
</head>

<body background="../images/dummy.gif" bgcolor="#FFFFFF" text="#000000" alink="#001080" link="#001080" vlink="#801080"
    marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" >

  <div id="mainbody">

    <table width="980" border=0 cellpadding=0 cellspacing=0>
        <tr>
            <td height="20" align=left>
                <font face="Arial" size=-1 color="#101010">
                &nbsp;&nbsp;&nbsp;
                The quick brown fox jumped over the lazy dog
             </td>
            <td>
         </tr>
    </table>
  </div>
</body>
</html>

在 IE9 上，文本是一种清晰的 Arial 字体，与系统显示字体的方式非常相似。

如果我将文档类型更改为

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

字体渲染变化明显，但很明显，字体变得更粗/更粗，不那么清晰（如果你尝试这个，保存两个版本的演示 html，一个是旧的，一个是新的 doctype）。无论缩放系数如何，都会发生这种情况。

对于字体标签或 css 样式，我必须做些什么才能获得与以前相同的渲染？

4

1 回答 1

1

在“标准模式”（您使用符合标准的 触发doctype）中，IE 9 应用了比Quirks 模式更先进的字体渲染技术。没有办法避免这种情况，除非保持怪癖模式。现代渲染通常在现代显示设备上效果更好，但它会稍微影响文本宽度等，因此它可能会破坏像素完美的尝试。

于 2012-10-11T17:36:16.640 回答