Одинаковые файлы шрифтов, тот же ПК, та же ОС, тот же браузер, тот же код - два разных результата рендеринга на двух разных сайтах. Что дает?

Question

Я сталкиваюсь с невероятно неприятной проблемой с веб-шрифтами на веб-сайте моего работодателя. (скриншот здесь: http://imgur.com/Pvb5lrl)

Я добавил все файлы шрифтов и, насколько я могу судить, правильно написал код. Однако в Chrome и Firefox текст выглядит невероятно неровным и безобразным. Странно то, что простой тест, который я настроил, используя те же файлы шрифтов, тот же код @ font-face и тот же CSS для самого текста, прекрасно воспроизводится в одних и тех же браузерах на одном компьютере. Любая идея, что может быть причиной дерьмового рендеринга на полном сайте? URL для обоих ниже для справки.

Веб-сайт компании: http://staging.lmsonline.com/services/email-marketing/

Простой тест: http://datafulfill.com/fonttest/demo.html

Снимок экрана (Windows 7, Chrome): http://imgur.com/Pvb5lrl

Answer 1

Не уверен, как должен выглядеть ваш шрифт. В моем конце он прибывает как Arial, который почти так же, как и вообще без засечек. Проигрывание со шрифтами в прошлом научило меня решать проблему в следующем порядке:

@font-face {
font-family:"Delitsch Antiqua";
src:url("/path/to/fonts/DelitschAntiqua.eot");
}
@font-face {
font-family:"Delitsch Antiqua";
src:url("/path/to/fonts/DelitschAntiqua.ttf");
}

Сначала подайте IE, потом остальные. По некоторым причинам это никогда не работало наоборот.