次のような抜粋のように、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">
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 スタイルに関して何をする必要がありますか?