2011-10-27 13 views
1

IE9をダウンロードしてインストールし、イントラネットWebページで使用したときに、すべてのWebページテキストをイタリック体として表示させます。この問題は、font-familyがGoudy Old Styleに設定されている場合にのみ発生します。 font-familyをVerdanaに変更したとき、ページが正しくレンダリングされました(つまり、スタイルシートに従います)。この問題はFirefoxでは発生しません。それはfont-style:normalをデフォルトのBODYスタイルで指定するのに役立ちませんでした。IE9は、フォントファミリー: 'Goudy OldStyle'

開発者モードでDOMオブジェクトを調べると、オブジェクトに適用されたスタイルが表示され、スタイルシートにあるものと一致します。私は身体に定義されているデフォルトのスタイルがfont-style: normalであるという点で継承に頼っています。 Goudy Old Styleのフォントフェイスには通常モードがないようです。

このページは、WL Server 81上のサーブレットによって生成されています。これが関連しているかどうかは分かりませんが、今すぐサーバーにアクセスしたときに変更を加えます。 電流:クライアントは、この問題の優先順位にしたので、私は任意の助けに感謝

sb.append("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"\"http://www.w3.org/TR/html4/loose.dtd\">\n"); 

sb.append("<!DOCTYPE HTML PUBLIC \""); 

がに変わります。

改訂:ページソースの追加 - ここに問題のページのソースがあります。残念ながら、このページはファイアウォールの内側にあります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE>HALL 2011-2012 SEASON</TITLE> 
<LINK REL="STYLESHEET" TITLE="style" HREF="stylesheets/default.css" TYPE="text/css"> 
<STYLE TYPE="text/css"> 
<!-- 
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; } 
--> 
</STYLE> 
</HEAD> 
<BODY><IMG SRC="/images/logo1.gif" ALT=" HALL" BORDER=0 WIDTH=249 HEIGHT=43><H1 STYLE="page-break-before: auto;"><A NAME="Index">Index</A> 
</H1> 
<HR><TABLE WIDTH="100%" BORDER=0> 
<TR><TD VALIGN="BASELINE" WIDTH="40%"><H2><A NAME="Oct">October</A> 
</H2> 
</TD> 
<TD VALIGN="BASELINE" WIDTH="60%"><H3>Jump to:&nbsp;Oct&nbsp;</H3> 
</TD> 
</TR> 
</TABLE> 
<TABLE CLASS=Index WIDTH="100%" BORDER=0> 
<TR><TD VALIGN="TOP" WIDTH="40%"><A HREF="#13028">MARIINSKY ORCHESTRA<BR>OPENING NIGHT GALA</A> 
</TD> 
+0

リンクがありますか? –

+0

斜体ではないブラウザがありますか? –

+0

[前のバージョンを模倣する](http://blogs.msdn.com/b/askie/archive/2009/03/23/understanding-compatibility-modes-in-internet-explorer-8.aspx)、おそらくそれを修正する方が良いでしょう。 –

答えて

0

あなたはこのフォントスタックを使用する場合:

フォントファミリ:ガラモン、 "ビッグCASLON"、 "のTimes New Roman" を。

GoudyとGaramondの違いはそれほど大きくはありません(少なくともコンピュータのバージョン)。

GoudyイタリックとGaramondの違いはかなり大きいです!

font-squirrelのルートを下っても構いませんが、プレインストールされたフォントを使用しない場合は、余分なページの重みがあります。