шрифт размывается с Firefox и Chrome

Question

У меня проблема с несистемными шрифтами в Firefox и Chrome на Windows. Этот шрифт Corbel. С Safari и Explorer на окнах все в порядке, с Firefox и Safari на Mac тоже все в порядке, но с Firefox и Chrome на окнах шрифт размыт и искажен. Я не знаю почему ... я пытаюсь установить font-weight и font-style как нормальный, но ничего не меняется! Шрифт вставляется с помощью font-face css. Вот код CSS ..

#menuWrapper ul li a {
font-family: 'Corbel';
color:#838484;
font-size:10px;
line-height:10px;
text-decoration:none;
}

ТНХ !!!

Answer 1

Возможно, вы захотите использовать свойство @font-face CSS3.

@font-face 
{ 
    font-family: Corbel; src: url('Corbel.otf'/*whatever ext*/); 
} 

myElement
{ 
    font-family: Corbel, sans-serif; 
}

Используя это, вы убедитесь, что ваш собственный шрифт загружен с вашего домена и может быть вызван. Убедитесь, что пути к шрифту верны.

:)

Answer 2

У меня нет компьютера с Windows, на котором можно его протестировать, но вы можете попробовать

text-rendering: optimizeLegibility;

. Это не влияет на компьютеры Mac, потому что Mac имеет встроенную визуализацию текста.

https://developer.mozilla.org/en/CSS/text-rendering

Answer 3

Попробуйте скопировать файл шрифта отдельно и использовать его с @font-face Вот учебник , чтобы сделать это.