I just noticed that after Windows Update Internet Explorer on my website doesn't show Tahoma font anymore. It shows Arial instead of Tahoma. All other fonts - Verdana, Trebuchet it displays correctly. I deleted cache, checked css file. Still Arial.
I didn't change settings to ignore stylesheets and the default font is Times. Why it displays Arial?
I checked my website in other computers and there is everything OK in Internet Explorer.
I am sorry, the problem is with Verdana, not Tahoma. Actually, Internet Explorer displays Verdana, but font looks very strange. It became smaller. In Internet Explorer text looks like compressed. I added an image how it looks in Firefox and Internet Explorer:
From that image it appears IE is tighter in kern and renders darker (due to a better use of ClearType?), but appears the same height. It is a difference, but one really can't expect pixel perfect page/font rendering across all browsers... we'd LIKE that, of course, but it's not likely to happen.
As i wrote in my previous post this problem showed up when I updated Windows and installed the last version of Internet Explorer. So far everything was OK and I didn't see any visual difference in Internet Explorer and other browsers. In my second computer everything still looks fine (Internet Explorer has not been updated yet).
I just noticed one more strange problem in Internet Explorer. After update all radio buttons and checkboxes have different width and height and look like compressed:
For years I was using this doctype on my websites:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Now the latest version of Internet Explorer with this doctype all fonts displays wrong.
I created 2 files:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>Test</title> </head> <body> <font face="Tahoma" style="font-size: 11px"><b>This is my test text. I am testing fonts.</b></font><br /> </body> </html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <title>Test</title> </head> <body> <font face="Tahoma" style="font-size: 11px"><b>This is my test text. I am testing fonts.</b></font><br /> </body> </html>
All fonts in the first file look distorted. Fonts in the second file are OK. Is there any way how to solve this problem?