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