2015-09-03 2 views
0

Добрый день,@ шрифт-слойного исправить в IE 9 и выше, но ввести новый выпуск в IE 8

Первоначально, у меня есть font-face и его работает отлично во всех браузера, кроме IE 9 и выше:

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

Чтобы это исправить, я добавляю в другом font-face:

/* To fix IE 9 and above bold issue */ 
@font-face { 
    font-family: 'dax-regularregular'; 
    src: url('../fonts/daxbold-webfont.eot'); 
    src: url('../fonts/daxbold-webfont.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/daxbold-webfont.woff') format('woff'), 
     url('../fonts/daxbold-webfont.ttf') format('truetype'), 
     url('../fonts/daxbold-webfont.svg#dax-regularregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

Это исправить мою проблему в IE 9 и выше, однако, ввести новый выпуск в IE 8. что есть, нормальное слово будет смелым, исмелое слово станет «более смелым» (станет толще). Я видел из Интернета, IE 8 не поддерживает правило @ font-face с форматом WOFF (поддерживается только форматом EOT). Итак, я вынимаю эти url, кроме eot, но все еще сталкиваюсь с проблемой.

я изменить свой CSS код, как следовать, но по-прежнему тот же хит вопрос в IE 8:

@font-face { 
    font-family: 'dax-regularregular'; 
    src: url('../fonts/daxbold-webfont.eot'); 
    src: url('../fonts/daxbold-webfont.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal; 
    font-style: bold; 
} 

Мой первоначальный вопрос является font-family crash with @font-face src

Пожалуйста, посоветуйте.

ответ

0

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

@font-face { 
    font-family: 'MyFontFamily'; 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf') format('truetype'), 
     url('myfont-webfont.svg#svgFontName') format('svg'); 
} 
Смежные вопросы