Плохой шрифт

Как я исправить это?

Сначала "D" отображается в Chrome 31.0.1650.63 m, а второй отображается в IE11.

Update:

добавление -webkit-font-smoothing: antialiased; проблема остается...

Это может быть проблема с видеокартой?

Обновление 2:

Код шрифта css:

 @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/font1.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../font/font2.woff) format('woff');
}

Ответ 1

Это проблема с механизмом рендеринга Chrome, но похоже, что это, наконец, будет исправлено. См. https://plus.google.com/u/0/+FrancoisBeaufort/posts/PGPpiQr6bwi

Проблема заключается в Chromium bugtracker: https://code.google.com/p/chromium/issues/detail?id=333029 https://code.google.com/p/chromium/issues/detail?id=25541

EDIT:
Поддержка DirectWrite, которая позволяет получать мелкие шрифты, добавлена в Chrome 37. (источник: https://code.google.com/p/chromium/issues/detail?id=25541#c152)

Ответ 2

Это проблема с самим Chrome. Проблема существует только в Chrome для Windows. У пользователей Mac и Linux Chrome нет этой проблемы. Там вы ничего не можете с этим поделать.

Ответ 3

Вы пытались добавить этот CSS в Chrome?

-webkit-font-smoothing: antialiased

Дайте этот снимок и посмотрите, поможет ли он.

Ответ 4

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

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    font-family: folio_medium;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

Ответ 5

Я обнаружил, что предоставление файлов SVN с более высоким приоритетом решает проблему.

@font-face {
  font-family: 'HelveticaNeueLTStd-Bd';
  src: url('../assets/fonts/helvetica/2B7A70_0_0.svg#wf') format('svg'), // first means higher priority
  url('../assets/fonts/helvetica/2B7A70_0_0.eot');
}