@font-face для пользовательских шрифтов, негладких шрифтов в Chrome

У меня есть веб-приложение, которое использует CSS3 @font-face для встраивания пользовательских шрифтов. До сих пор это отлично работало в IE и Firefox.

Однако в Chrome пользовательские шрифты выглядят пикселизированными и негладкими. Ниже приведена ссылка на фрагмент экрана с примером моего шрифта в Firefox и IE (вверху) и Chrome (внизу): Сравнение снимков экрана

На таком маленьком снимке экрана может быть трудно увидеть разницу, но когда это происходит по всей странице, это очень заметно.

Ниже приведен пример того, как я использую @font-face в своей таблице стилей:

@font-face 
{
    font-family: 'MyFont';
    src: url('../Content/fonts/MyFont.eot?') format('embedded-opentype'),
         url('../Content/fonts/MyFont.ttf') format('truetype');
}

Еще одна вещь, которую стоит упомянуть, это то, что когда я открываю сайт в ЛЮБОМ браузере, работающем на виртуальной машине, шрифты СУПЕР. прерывистый, намного хуже, чем пример Chrome. Это происходит, когда я использую любой из своих школьных компьютеров, на которых установлены рабочие столы Win7 VMWare. Это также происходит, когда я загружаю сайт с виртуальной машины Windows 7, работающей на Mac друга.

18
задан Danny 16 May 2012 в 21:48
поделиться