0

次のような抜粋のように、DOCTYPE がない、または古い Web ページを使用しています。

<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">

フォントのレンダリングは見栄えがよくなりますが、顕著に変化します。フォントの太さ/太さが増し、鮮明さが失われます (これを試す場合は、古い Doctype と新しい Doctype の 2 つのバージョンのデモ html を保存してください)。これは、ズーム倍率に関係なく発生します。

以前と同じレンダリングを行うには、フォント タグまたは css スタイルに関して何をする必要がありますか?

4

1 に答える 1

1

「標準モード」 (標準に準拠した でトリガーdoctype) では、IE 9 はQuirks モードよりも高度なフォント レンダリング テクノロジを適用します。Quirks モードにとどまらない限り、これを回避する方法はありません。最新のレンダリングは一般に、最新のディスプレイ デバイスでより適切に機能しますが、特にテキストの幅に少し影響を与えるため、ピクセル単位の精度を求める試みが台無しになる可能性があります。

于 2012-10-11T17:36:16.640 に答える