Ответ
Для веба лучше использовать современные форматы: WOFF2 (самый оптимальный), WOFF (как fallback).
WOFF2 обеспечивает лучшее сжатие (~30% меньше чем WOFF), поддерживается всеми современными браузерами.
Пример подключения:
@font-face {
font-family: 'MyFont';
src: url('font.woff2') format('woff2'),
url('font.woff') format('woff');
font-weight: normal;
font-style: normal;
}
TTF/OTF - не рекомендуются для веба из-за большого размера. EOT - устарел, нужен только для IE8 и ниже. SVG - практически не используется.