Задать вопрос

Как сделать рабочий font-face для ie8 ?

Пробовал
@font-face {
    font-weight:normal;
    font-style:normal;
    font-family: 'Gotham Pro';
      src:url('../font/GothamPro_regular.eot');
      src:url('../font/GothamPro_regular.eot?#iefix') format('opentype'),
          url('../font/GothamPro_regular.woff') format('woff'),
          url('../font/GothamPro_regular.ttf') format('truetype');
}

и так
@font-face {
    font-weight:normal;
    font-style:normal;
    font-family: 'Gotham Pro';
      src:url('../font/GothamPro_regular.eot');
      src:url('../font/GothamPro_regular.eot?') format('opentype'),
          url('../font/GothamPro_regular.woff') format('woff'),
          url('../font/GothamPro_regular.ttf') format('truetype');
}

и так
@font-face {
    font-weight:normal;
    font-style:normal;
    font-family: 'Gotham Pro';
      src:url('../font/GothamPro_regular.eot?') format('opentype'),
          url('../font/GothamPro_regular.woff') format('woff'),
          url('../font/GothamPro_regular.ttf') format('truetype');
}


Не хочет шрифт работать под ie8 :(
  • Вопрос задан
  • 4674 просмотра
Подписаться 5 Оценить Комментировать
Решения вопроса 1
@stas3572
@font-face {
	font-family: 'Idealist';
	src: url('fonts/Idealist/idealist.eot');
	src: local('☺'),
    	url('fonts/Idealist/idealist.eot?') format('embedded-opentype'),
        url('fonts/Idealist/idealist.woff') format('woff'),
        url('fonts/Idealist/idealist.ttf') format('truetype'),
        url('fonts/Idealist/idealist.svg#idealist') format('svg');
	font-weight: normal;
	font-style: normal;
}


у меня работает такой вариант, в другом случае - что-то не то с eot-файлом
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Попробуйте format('embedded-opentype');

@font-face {
font-family: Gotham Pro;
src: url('../font/GothamPro_regular.eot') format('embedded-opentype');
src: url('../font/GothamPro_regular.eot?#iefix') format('embedded-opentype'),
url('../font/GothamPro_regular.woff') format('woff'),
url('../font/GothamPro_regular.ttf') format('truetype');
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы