Почему мой @ font-face сломан только в ie9? - PullRequest
Новая
       22

Почему мой @ font-face сломан только в ie9?

1 голос
/ 20 февраля 2012

Я нахожусь в фазе тестирования сайта, т.е. не могу заставить работать шрифты в ie9.Странно то, что они отлично работают в ie7 и ie8 AND в режиме совместимости.Возможно, даже более странным является тот факт, что демонстрационные файлы работают просто отлично.Я понимаю, что это говорит о том, что у меня может быть испорчена сантехника, но я нигде не могу найти проблему.

Мне интересно, не нарушает ли что-то все шрифты в ie9 для этого сайта - они все выглядяткак «Times New Roman» для меня.

РЕДАКТИРОВАТЬ : обновленный код ниже.Проблема по-прежнему сохраняется.

Ниже приведена соответствующая информация и пример кода для одного из рассматриваемых шрифтов.Всего существует 5 шрифтов, и все они настроены именно так и испытывают ту же проблему.

Место тестирования: http://dev.citylightphilly.com

Структура файла: всеfonts & stylesheet.css в / wp-content / themes / my_theme / fonts /

HTML (в header.php) 

<!-- @Font-Face Webfonts --> 
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?  >/fonts/stylesheet.css" />
<!-- CSS : implied media="all" -->
    <?php versioned_stylesheet($GLOBALS["TEMPLATE_RELATIVE_URL"]."style.css?v=2") ?>

CSS (/fonts/stylesheet.css)

@font-face {
font-family: 'NovecentowideBold';
src: url('Novecentowide-Bold-webfont.eot');
src: url('Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('Novecentowide-Bold-webfont.woff') format('woff'),
     url('Novecentowide-Bold-webfont.ttf') format('truetype'),
     url('Novecentowide-Bold-webfont.svg#NovecentowideBold') format('svg');
font-weight: normal;
font-style: normal;

CSS (style.css) 

h3, h4, h5, h6, nav {
  font-family: 'NovecentowideBold', 'Myriad Headline', Tahoma, Calibri, sans-serif;
}

Ответы [ 2 ]

0 голосов
/ 20 февраля 2012

Я думаю, что это может быть код в CSS, найденный в

http://dev.citylightphilly.com/wp-content/themes/citylight2/style.css

Попробуйте удалить этот раздел: 

body, p, li { 
  font-family: ;
  line-height: 150%;
}

Все остальное выглядит хорошо для меня.

0 голосов
/ 20 февраля 2012

попробуйте это 

@font-face {
    font-family: "actuall font name";
    src:url( "http://localhost//fonts/fontname.TTF ");
}

src url должен быть заполнен доменом.

...