Шрифт отображается не во всех браузерах?

Question

[Макс Жуков]

Шрифт Mido Medium отображается только в chrome, во всех остальных он просто отображается что подключен, но когда я его отключаю через инспектор шрифт не меняется(значит он и не был подключен, хоть и показывает что он подключен). скачал версию ttf, потом преобразовал ее через сайт https://web-font-generator.com/.
Подключил в css файле:

@font-face {
    font-face: 'Mido Medium';
    src: url('../fonts/Mido-Medium.eot') format('embedded-opentype'), url('../fonts/Mido-Medium.woff') format('woff'), url('../fonts/Mido-Medium.TTF') format('truetype');
}

Вызываю шрифт.

h1 {
    font-family: 'Mido Medium', 'Sans-serif';
    display: inline-block;
}

Answer 1

[chimir]

Попробуйте так:

@font-face {
  font-face: 'Mido Medium';
  src: url('../fonts/Mido-Medium.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Mido-Medium.woff') format('woff'), 
       url('../fonts/Mido-Medium.ttf') format('truetype');
}

а вообще для современный браузеров достаточно форматов woff и woff2