IE9 заставляет весь текст веб-страницы отображаться курсивом, когда font-family: 'Goudy OldStyle' - PullRequest
1 голос
/ 27 октября 2011

Я только что скачал и установил IE9 и использовал его на наших страницах в интрасети.Эта проблема возникает, только если для font-family установлено Goudy Old Style.Когда я изменил font-family на Verdana, страница отображалась правильно (то есть согласно таблице стилей).Проблема не возникает в Firefox.Не помогло указать font-style:normal в стиле BODY по умолчанию.

Когда я проверяю объект dom в режиме разработчика, я вижу стиль, примененный к объекту, и он соответствует тому, что втаблицы стилей.Я полагаюсь на наследование в том смысле, что стиль по умолчанию, определенный в теле, - font-style: normal.Похоже, что шрифт для Goudy Old Style не имеет нормального режима.

Страница генерируется сервлетом на WL Server 81. Я не уверен, что это связано, но я сделаюизменение сегодня вечером, когда у меня есть доступ к серверу.Текущий:

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>

1 Ответ

0 голосов
/ 27 марта 2012

Если вы используете этот стек шрифтов:

семейство шрифтов: Garamond, "Big Caslon", "Times New Roman";

разница между Гуди и Гарамондом невелика (по крайней мере, версии на моем компьютере).

Разница между курсивом Гуди и Гарамондом НАМНОГО больше!

Вы можете пойти по маршруту font-squirrel, но есть лишний вес страницы, если не использовать предварительно установленные шрифты для рассмотрения.

...