Каковы возможные значения формата в src шрифта-face? ⇐ CSS

[Anonymous]

И как узнать, что использовать, когда и действительно ли они необходимы?
На многих веб-сайтах есть примеры, подобные приведенным ниже, в разном порядке:

Код: Выделить всё

@font-face {
font-family: 'Example';
src: url('Example.eot');
src: url('Example.eot?#iefix') format('embedded-opentype'),
url('Example.woff2') format('woff2'),
url('Example.woff') format('woff'),
url('Example.ttf') format('truetype'),
url('Example.svg#svgExample') format('svg');
}

Но я также видел подобные примеры:

Код: Выделить всё

@font-face {
font-family: 'Example';
src: url('Example.woff2') format('woff');
}
@font-face {
font-family: 'Example';
src: url('Example.ttf') format('woff2-variations');
}
@font-face {
font-family: 'Example';
src: url('Example.otf');
}

Иногда формат кажется идентичным окончанию файла, иногда то, что окончание файла сокращает или, по крайней мере, частично, а иногда они кажутся полностью случайными строками, а иногда и ничем, если это всего лишь один файл .

Подробнее здесь: https://stackoverflow.com/questions/758 ... t-face-src