Зачем нужен второй SRC?

312

21 декабря 2016, 02:48

@font-face {
  font-family: 'League Gothic';
  src: url('fonts/League_Gothic-webfont.eot');
  src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embeddedopentype'),
    url('fonts/League_Gothic-webfont.woff2') format('woff2'),
    url('fonts/League_Gothic-webfont.woff') format('woff'),
    url('fonts/League_Gothic-webfont.ttf') format('truetype'),
    url('fonts/League_Gothic-webfont.svg') format('svg');
}

Нельзя ли в этом примере использовать один SRC, т.е. так

@font-face {
  font-family: 'League Gothic';
  src: url('fonts/League_Gothic-webfont.eot'),
    url('fonts/League_Gothic-webfont.eot?#iefix') format('embeddedopentype'),
    url('fonts/League_Gothic-webfont.woff2') format('woff2'),
    url('fonts/League_Gothic-webfont.woff') format('woff'),
    url('fonts/League_Gothic-webfont.ttf') format('truetype'),
    url('fonts/League_Gothic-webfont.svg') format('svg');
}

Answer 1

Судя по комментарию здесь, это может понадобиться для IE9 с его Compatibility Mode, но подробностей найти не удалось. Вообще, к слову, так-то для подключения шрифтов лучше использовать что-нибудь вроде этого, тут сразу и все нужные опции (вплоть до сокращения числа символов для оптимизации), и корректно работающие стили на выходе.