Один и тот же шрифт по-разному отображается на двух компьютерах Mac с одинаковой версией ОС и версией браузера.

Question

Сайт, над которым я работаю, имеет собственный шрифт ссылки на скрипт, если быть точным, Санта-Фе . На моем Mac это выглядит в Firefox 5 следующим образом:

как это должно сделать http://z17.me/oa2c+

Вот как я хочу это сделать.

На Mac моего клиента и на чужом Mac он выглядит (неправильно) как:

неправильный рендеринг http://idzr.org/5ume

У меня была такая же проблема раньше в Safari, но -webkit-font-smoothing: antialiased; исправил ее; однако, похоже, что для Firefox такого эквивалента нет.

Я также включил text-rendering: optimizeLegibility; и сгенерировал пакет веб-шрифтов, используя Font Squirrel .

Есть идеи?

Редактировать: к шрифту применен этот CSS:

font-family: SantaFeLetPlainRegular;
font-weight: normal;
font-style: normal;
font-size: 21px;
text-transform: lowercase;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
/* @doubtful_existance: I don’t think these even exist? Can’t hurt much, I guess. */
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
/* end @doubtful_existance */
font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(256, 256, 256, 0.01); /* A trick I’ve heard of to fix issues like this. */
opacity: 0.99; /* Another trick I’ve heard of to fix issues like this. */

Answer 1

Попробуйте применить текстовую тень размером 0px с цветом, аналогичным фону:

text-shadow: #fff 0 0 0;

Кроме того, вы пытались применить font-weight:normal; непосредственно к любому элементу, использующему скриптшрифт?Иногда Firefox может каскадно касаться вас bold без вашего ведома.