Почему мой шрифт @ шрифт сломан только в ie9?

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

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

EDIT: обновленный код ниже. Все еще испытывает эту проблему.

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

Тестирование сайта: структура http://dev.citylightphilly.com

Файл: все шрифты & stylesheet.css в/WP-содержание/темы/my_theme/шрифты/

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; 
}

источник

2012-02-19 timshutes

Это не вопрос Wordpress, это вопрос CSS. –

Наличие проблем CSS с WP-сайтом не делает его вопросом WP. Миграция в Stack Overflow, где это будет по теме, и получит несколько качественных ответов. – EAMann

NovecentowideMedium ≠ Novecentowide-Medium – Knu

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

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

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

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

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

источник

2012-02-20 18:43:50

спасибо шрифт белка - я рассмотрю это позже этим вечером, когда у меня есть когда-то.Я ценю вклад. Я не понимал, что у меня там есть пустой элемент. – timshutes

Это исправляло проблему - большое спасибо! – timshutes

Awesome. Иногда проблемы скрыты. Фактически это выяснилось с веб-инспектором в Safari. :-п –

попробовать это один

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

ЦСИ гиперссылка должна быть полной с доменом.

источник

2012-02-20 01:19:01

Я действительно кое-что прочитал по этой проблеме - и я думаю, что ie9 фактически блокирует запросы на междоменные шрифты. См. Это сообщение: http: //stackoverflow.com/questions/5065362/ie9-blocks-download-of-cross-origin-web-font – timshutes

эта работа отлично подходит для меня, возможно, вы проверяете это с помощью представления совместимости ie9, входите f12 инструменты разработчика и проверить, изменив режим браузера ... –

nope верьте этому или нет @ font-face фактически работает в режиме совместимости, но не в обычном – timshutes

Почему мой шрифт @ шрифт сломан только в ie9?

ответ

Смежные вопросы