2011-10-27 28 views
1

我剛剛下載並安裝了IE9並在我們的Intranet網頁上使用它。僅當font-family設置爲Goudy Old Style時,纔會出現此問題。當我將font-family更改爲Verdana時,頁面正確呈現(即根據樣式表)。這個問題在Firefox中不會發生。它沒有幫助在默認的BODY風格中指定font-style:normalIE9導致所有網頁文字呈現爲斜體font-family:'Goudy OldStyle'

當我在開發人員模式中檢查dom對象時,我可以看到應用於該對象的樣式,它與樣式表中的樣式相匹配。我依靠繼承,因爲在正文中定義的默認樣式是font-style: normal。似乎Goudy Old Style的字體面沒有正常模式。

該頁面由WL服務器81上的servlet生成。我不確定這是否相關,但是當我有權訪問服務器時,我將在今晚進行更改。 電流:

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

將變更爲:

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

我感謝所有幫助,因爲客戶已經使這個問題是當務之急。

修訂:添加頁面源代碼 - 這是有問題頁面的來源。不幸的是,該頁面位於防火牆後面。

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

如果你使用這個字體堆棧:

FONT-FAMILY:Garamond字體, 「大CASLON」, 「宋體」;

Goudy和Garamond之間的區別不是那麼大(至少是我電腦上的版本)。

Goudy italic和Garamond之間的區別更大!

如果不使用預先安裝的字體,可以沿着字體松鼠路線走,但是還有額外的頁面重量。