@ font-face перестал работать IE6 - PullRequest
Новая
       6

@ font-face перестал работать IE6

0 голосов
/ 27 июля 2011

Я только что тестировал сайт, который использует @ font-face в IE6.Сначала это работало, и шрифты были заменены.Затем, когда я снова его протестировал, @ font-face полностью перестал работать, и я не могу найти для этого никакой причины.

Используемый мной CSS - 

@font-face {
    font-family: 'SegoeCondensedBold';
    src: url('../Fonts/segoecbd-webfont.eot');
    src: url('../Fonts/segoecbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/segoecbd-webfont.woff') format('woff'),
         url('../Fonts/segoecbd-webfont.ttf') format('truetype'),
         url('../Fonts/segoecbd-webfont.svg#SegoeCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

#nav
{
    width: 96px;
    height: 239px;
    text-align: center;
    margin-right: 19px;
    float: left;
    background: url(../Assets/nav-bg.png) no-repeat;
    font-size: 16px;
    font-family: SegoeCondensedBold, Arial;
}

Неконечно, если это уместно, но вот информация html-заголовка. 

<link href="Content/Css/Master.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if IE 6]><link href="Content/Css/IE.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
<!--[If IE 7]><link href="Content/Css/IE7.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
<!--[if IE 6]>
    <style type="text/css">
        img, div, input, span, a { behavior: url("iepngfix.htc") }
    </style>
<![endif]-->
<!--[if IE 6]><script type="text/javascript" src="Script/iepngfix_tilebg.js"></script><![endif]-->

Примечание. Это проблема только в IE6.Работает во всех других браузерах.CSS-файл font-face находится в основном файле CSS.

1 Ответ

0 голосов
/ 27 июля 2011

Введите название шрифта в кавычках: font-family: 'SegoeCondensedBold', Arial;

...