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

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, а затем все остальное. По какой-то причине он никогда не работал наоборот.