Плохой шрифт, рендеринг Chrome

Question

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

Первый «D» отображается на Chrome 31.0.1650,63 м и второй отображается на IE11.

<Сильное> Обновление:

Добавление -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');
}

.

Answer 1

Это проблема с хромированным рендеринговым двигателем, но похоже, что это, наконец, будет исправлено.Смотрите https://plus.google.com/u/0/+francoisbeaufort/Сообщения / PGPPIQR6BVI

Проблема находится на Bugtracker Chromium: https://code.google.com/p/chromium/issues/detail? ID= 333029 https://code.google.com/p/chromium/issues/detail? ID= 25541

Редактировать:

Поддержка DirectWRITE, которая обеспечивает красивый рендеринг шрифта, был добавлен в Chrome 37. (Источник: https://code.google.com/p/хромиум / проблемы / деталь? ID= 25541 # C152 )

Answer 2

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

Answer 3

Вы пытались добавить эту CSS к хрому?

-webkit-font-smoothing: antialiased

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

Answer 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; }
}

.

Answer 5

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

@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');
}

.