title: IE9 causes all webpage text to render as Italic when font-family:'Goudy OldStyle'
body: <p>I just downloaded and installed IE9 and used it on our intranet web pages. This problem only occurs when the font-family is set to Goudy Old Style. When I changed the <code>font-family</code> to Verdana the page rendered properly( that is according to the stylesheet). The problem does not occur in Firefox.  It didn't help to specify <code>font-style:normal</code> in the default <code>BODY</code> style.</p>
  
  <p>When I inspect the dom object in the developer mode I can see the style applied to the object and it matches what is in the stylesheet.  I am relying on inheritance in that the default style defined in the body is <code>font-style: normal</code>.  Is appears that the font face for Goudy Old Style does not have a normal mode.</p>
  
  <p>The page is generated by a servlet on a WL Server 81.  I'm not sure if this is related but I'll make a change tonight when I have access to server.
  Current: </p>
  
  <pre><code>sb.append("&lt;!DOCTYPE HTML PUBLIC \"");
  </code></pre>
  
  <p>Will change to:</p>
  
  <pre><code>sb.append("&lt;!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"\"http://www.w3.org/TR/html4/loose.dtd\"&gt;\n");
  </code></pre>
  
  <p>I appreciate any help since the client has made this problem a priority.</p>
  
  <p><strong>Revised: Adding page source - Here is the source of the page in question. Unfortunately the page is behind a firewall.</strong>                                              </p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;
  &lt;HTML&gt;
  &lt;HEAD&gt;
  &lt;TITLE&gt;HALL 2011-2012 SEASON&lt;/TITLE&gt;
  &lt;LINK REL="STYLESHEET" TITLE="style" HREF="stylesheets/default.css" TYPE="text/css"&gt;
  &lt;STYLE TYPE="text/css"&gt;
  &lt;!--
  BODY { font-family: "Goudy Old Style", serif; font-size: 11pt; font-style: normal; }
  TABLE { page-break-before: auto; page-break-inside: avoid; }
  H1 { page-break-before: always; }
  H1:first-child { page-break-inside: avoid; }
  .Event { page-break-inside: avoid; }
  .EventTitle { font-weight: bold; margin-top: 0; margin-bottom: 0; }
  .OrdinarySeriesName { margin-top: 0; margin-bottom: 0; }
  .HighlightedSeriesName { margin-top: 0; margin-bottom: 0; }
  .Location { margin-top: 0; margin-bottom: 0; }
  .Licensee { margin-top: 0; margin-bottom: 0; }
  .CancellationNotice { font-weight: bold; margin-top: 0; margin-bottom: 0; }
  .EventTime { margin-top: 0; margin-bottom: 0; }
  .SpecialTitle { margin-top: 0; margin-bottom: 0; }
  .Appearance { margin-top: 0; margin-bottom: 0; }
  .SubTitle { font-style: italic; margin-top: 0; margin-bottom: 0; }
  .Repertoire { margin-top: 0.75em; margin-bottom: 0; }
  .ProducerCredit { margin-top: 0.75em; margin-bottom: 0; }
  .GeneralInfo { margin-top: 0.75em; margin-bottom: 0; }
  .PreConcertActivities { margin-top: 0.75em; margin-bottom: 0; }
  .SponsorCredit { margin-top: 0.75em; margin-bottom: 0; }
  .SponsorComment { color: #808080; margin-top: 0.75em; margin-bottom: 0; }
  .TicketInfo { margin-top: 0.75em; margin-bottom: 0; }
  .Event TD { page-break-before: auto; }
  .Series { page-break-before: always; }
  .Series:first-child { page-break-before: auto; }
  .SeriesEventTime { font-weight: bold; margin-top: 1.5em; }
  .SeriesSpecialTitle { font-weight: bold; margin-top: 0; margin-bottom: 0; }
  .SeriesTitle { font-weight: bold; text-decoration: underline; }
  .MailProlog { font-family: Arial, Helvetica, sans-serif; }
  .Index { font-size: x-small; }
  .LicenseeDescription { display: none; }
  --&gt;
  &lt;/STYLE&gt;
  &lt;/HEAD&gt;
  &lt;BODY&gt;&lt;IMG SRC="/images/logo1.gif" ALT=" HALL" BORDER=0 WIDTH=249 HEIGHT=43&gt;&lt;H1 STYLE="page-break-before: auto;"&gt;&lt;A NAME="Index"&gt;Index&lt;/A&gt;
  &lt;/H1&gt;
  &lt;HR&gt;&lt;TABLE WIDTH="100%" BORDER=0&gt;
  &lt;TR&gt;&lt;TD VALIGN="BASELINE" WIDTH="40%"&gt;&lt;H2&gt;&lt;A NAME="Oct"&gt;October&lt;/A&gt;
  &lt;/H2&gt;
  &lt;/TD&gt;
  &lt;TD VALIGN="BASELINE" WIDTH="60%"&gt;&lt;H3&gt;Jump to:&amp;nbsp;Oct&amp;nbsp;&lt;/H3&gt;
  &lt;/TD&gt;
  &lt;/TR&gt;
  &lt;/TABLE&gt;
  &lt;TABLE CLASS=Index WIDTH="100%" BORDER=0&gt;
  &lt;TR&gt;&lt;TD VALIGN="TOP" WIDTH="40%"&gt;&lt;A HREF="#13028"&gt;MARIINSKY ORCHESTRA&lt;BR&gt;OPENING NIGHT GALA&lt;/A&gt;
  &lt;/TD&gt;
  </code></pre>