在Html中使用较新的DOCTYPE标记时，如何避免IE9中的字体更改_Html_Fonts_Internet Explorer 9_Rendering_Doctype

在Html中使用较新的DOCTYPE标记时，如何避免IE9中的字体更改

html fonts

在Html中使用较新的DOCTYPE标记时，如何避免IE9中的字体更改,html,fonts,internet-explorer-9,rendering,doctype,Html,Fonts,Internet Explorer 9,Rendering,Doctype,我们使用的网页没有DOCTYPE或旧DOCTYPE，摘录如下： <html> <head> <title> TEST </title> </head> <body background="../images/dummy.gif" bgcolor="#FFFFFF" text="#000000" alink="#001080" link="#001080" vlink="#801080" marginwidth="

我们使用的网页没有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更改为

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

字体呈现发生了明显的变化，字体变得更加粗体，但不那么清晰（如果您尝试此操作，请保存演示html的两个版本，一个版本为旧版本，另一个版本为新doctype）。无论缩放因子如何，都会发生这种情况

对于字体标签或css样式，我需要做些什么才能获得与以前相同的呈现效果？

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

谢谢。不完全是我希望听到的，但非常感谢（+1+回答）